@charset "utf-8";
@import url(aos.css);
.home-banner{z-index:10;position:relative;}
.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:#fff;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:#fff;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:#fff;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:#fff;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:var(--fontsize24)}
.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 .title span{font-size:var(--fontsize40)}
.home-about .aboutinfo .text{color:#666;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:#666;font-size:var(--fontsize22)}
.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 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:#fff;border:none;transform:none}


.home-about9 .abouttop{display:flex;justify-content:space-between;align-items:stretch;border-radius:4px;background:#FFFFFF;margin-top:-50px;z-index:15;position:relative}
.home-about9 .abouttop .abouttop-left{width:30%;background:var(--bgcolor);color:#FFFFFF;display:flex;flex-direction:column;justify-content:center;padding:20px}
.home-about9 .abouttop .abouttop-left .p1{font-size:var(--fontsize18);margin-bottom:10px}
.home-about9 .abouttop .abouttop-left .p2{font-size:var(--fontsize40, 40px);font-weight:var(--fontbold6);line-height:1.2}
.home-about9 .abouttop .abouttop-list{flex:1;display:flex;justify-content:space-between;align-items:stretch}
.home-about9 .abouttop .abouttop-list li{width:33.3333%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:5% 3%}
.home-about9 .abouttop .abouttop-list li::after{content:"";position:absolute;right:0px;top:0px;width:1px;height:100%;background:#ebebeb}
.home-about9 .abouttop .abouttop-list li:last-child::after{display:none}
.home-about9 .abouttop .abouttop-list li .p1{font-size:20px;font-weight:var(--fontbold5);margin-bottom:10px}
.home-about9 .abouttop .abouttop-list li .p2{color:var(--introcolor)}
.home-about9 .abouttop .abouttop-list li .more{width:30px;height:30px;border-radius:50%;background:var(--bgcolor);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;margin-top:20px}

.xinl{padding: 2% 0px}
  .wrap-section {
          
            margin: 3% 0px;
             display: flex;

        }
        .left-col,.right-col{width: 41%}
        .right-col{margin-left: 2%;width: 56%}


         /* 左侧内容 */
        .left-col h2 {
            font-size: 42px;
            color: #222222;
            margin-bottom: 12px;
        }
        .left-col .sub-title {
            font-size: 26px;
            color: #b05c2c;
            margin-bottom: 32px;
        }
        .client-block {
            margin-bottom: 28px;
        }
        .client-block h4 {
            font-size: 17px;
            color:#333;
            margin:18px 0 8px;
        }
        .client-block p {
            font-size:16px;
            color:#555;
            line-height:1.7;
        }
        .purpose-text {
            margin-top:36px;
            padding:20px;
            background:#f8f6f2;
            border-radius:8px;
            color:#444;
            line-height:1.75;
        }
        .quote-btn {
            margin-top:32px;
            display:inline-block;
            padding:14px 32px;
            border:1px solid #b05c2c;
            color:#b05c2c;
            border-radius:6px;
            text-decoration:none;
            font-weight:500;
        }
        /* 右侧卡片网格 */
        .right-col .card-grid { display: flex;justify-content: space-between;
        }
        .rzsimg{height: 80px}
        .rzsimg img{height: 100%}
        .card-item {
            border:2px solid #f0ece2;
            border-radius:16px;
            padding:3% 3%;
            background:#f9f9f8;
            transition: 0.3s ease;margin-bottom: 2%;
        }
        .card-grid .card-item:last-child{margin-left: 1%}
        .card-grid .card-item:first-child{flex:1}
        .card-item:hover {
            box-shadow: 0 6px 18px rgba(176, 92, 44, 0.08);
        }
        .card-item .num {
            font-size:28px;
            font-weight:bold;
            margin-bottom:8px;
        }
        .card-item .title {
            font-size:17px;
            color:#222;font-weight: bold;
        }

        /* ==========重新设计生产企业板块========== */
        .factory-wrap {
          
            margin:3% 0px;
            padding:0 24px;
        }
        .factory-head{
            margin-bottom:32px;
        }
        .factory-head h3{
            font-size:32px;
            color:#222;
            position:relative;
            padding-bottom:12px;
        }
        .factory-head h3::after{
            content:"";
            position:absolute;
            left:0;
            bottom:0;
            width:60px;
            height:3px;
            background-color:#b05c2c;
        }
        .factory-list{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:24px;
        }
        .factory-card{
            border:2px solid #f0ece2;
            border-radius:16px;
            padding:30px 26px;
            background:#f9f9f8;
            transition: 0.3s ease;
        }
        .factory-card:hover{
            box-shadow: 0 6px 20px rgba(176, 92, 44, 0.09);
            transform: translateY(-4px);
        }
        .factory-card .factory-name{
            font-size:18px;
            font-weight:bold;
            color:#222;
            margin-bottom:14px;
        }
        .factory-card .tag-box{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
        }
        .factory-card .tag{
            background:#f8f6f2;
            color:#b05c2c;
            padding:6px 14px;
            border-radius:30px;
            font-size:14px;
        }

        /* 移动端适配 */
        @media (max-width:900px){
            .card-grid .card-item:last-child{margin-left: 0px}
        	.wrap-section,.factory-wrap{margin: 0 3%}
            .wrap-section {display: block;
               
            }
            .left-col, .right-col{width: 100%;margin-left: 0px}
            .right-col{margin-top: 3%}
            .right-col .card-grid {
                grid-template-columns:1fr 1fr;
            }
            .factory-list{
                grid-template-columns:1fr;
            }
        }
        @media (max-width:520px){
            .right-col .card-grid {
                grid-template-columns:1fr;
            }
            .left-col h2 {
                font-size:30px;
            }
            .factory-head h3{
                font-size:26px;
            }
            .right-col .card-grid{display: block;}
        }
  .company-header {
         
            background: #ffffff;
           
            border-radius:12px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
            margin-bottom:30px;display: flex;padding: 2% 0px;margin-top: 2%;
        }
        .company-img-box{
            width:60%;
          
            border-radius:8px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#666;
           
        }
        .company-img-box img{
            width:100%;
          
            object-fit:cover;
            border-radius:8px;
        }
        .gkuo{margin-left: 3%}
        .info-title{
            font-size:28px;
            font-weight:bold;
            color:#1a365d;
            margin-bottom:24px;
        }
        .info-item{
            margin-bottom:12px;
            font-size:16px;
        }
        .info-item strong{
            color:#1a365d;
        }
        .block-card{
            background:#fff;
            border-radius:12px;
            padding:36px;
            box-shadow:0 2px 12px rgba(0,0,0,0.08);
            margin-bottom:24px;
        }
        .block-title{
            font-size:22px;
            font-weight:bold;
            color:#1a365d;
            margin-bottom:20px;
            padding-bottom:10px;
            border-bottom:2px solid #2b6cb0;
        }
       .block-card ul{
            padding-left:22px;
        }
        .block-card li{
            margin-bottom:10px;
        }
        .tag-group{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin:16px 0;
        }
        .tag{
            background:#edf2f7;
            color:#2b6cb0;
            padding:6px 14px;
            border-radius:20px;
            font-size:14px;
        }
        .customer-region{
            margin-bottom:18px;
        }
        .customer-region strong{
            font-size:17px;
            color:#2d3748;
        }
        @media (max-width:768px){
            .company-header{
              x
                padding:24px;display: block;
            }
            .block-card{
                padding:22px;
            }
             .gkuo,.company-img-box{width: 100%;margin-left: 0%}
        }

.home-num{position:relative;z-index:2}
.home-num .numlist{background:var(--color);border-radius:10px;color:#fff;display:flex;flex-wrap:wrap}
.home-num .numlist li{width:20%;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:#fff}
.home-num .numlist li .num{position:relative;line-height:1}
.home-num .numlist li .num span{font-size:var(--fontsize40);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:var(--fontsize18)}
.home-num .numlist li .num sup{top:5px}
.home-num .numlist li .num sub{bottom:5px}
.home-num .numlist li p{font-size:var(--fontsize18);padding-top:10px}
.home-choose{background-image:url(../images/bg1.jpg);background-repeat:no-repeat;background-position:center;background-attachment: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:#fff}
.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:#fff}
.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(../images/homechoosewrapicon.png) 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 .icon em{font-size:var(--fontsize24)}
.home-choose .choosewrap .list li:hover{border-color:#fff}
.home-choose .choosewrap .list li:hover .icon{background:var(--color)}
.home-choose .choosewrap .list li p{font-size:var(--fontsize20)}
.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 #fff}
.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:32%;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:#fff}
.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:#fff;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:var(--fontsize22)}
.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:var(--fontsize18);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:#333}
.home-recommend .swiper-slide{height:auto;display:flex;flex-direction:column}
.home-recommend .swiper-slide .infotxt{flex:1}
.home-recommend #recommend .img{width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:10px;border:1px solid #eee;background:#eee}
.home-recommend #recommend .img img{width:100%;height:100%;object-fit:cover}
.home-recommend #recommend .info{padding:15px 0;position:relative;flex:1;display:flex;flex-direction:column;justify-content:space-between}
.home-recommend #recommend .info em{position:absolute;right:0;top:12px;font-weight:var(--fontbold6);color:#000;font-size:var(--fontsize20);transition:all .1s linear}
.home-recommend #recommend .info .title{font-weight:var(--fontbold6);color:#000;font-size:var(--fontsize18);line-height:1.2;display:inline-block}
.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:var(--color);border-radius:30px;height:45px;padding:0 20px;color:#fff;font-size:var(--fontsize16);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 #fff}
.home-recommend .recommend-meta .recommend-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.home-recommend .recommend-meta .recommend-next,.home-recommend .recommend-meta .recommend-prev{width:34px;height:34px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);color:#fff;font-size:var(--fontsize18);cursor:pointer;margin:0 10px;transition:all .2s linear}
.home-recommend .recommend-meta .recommend-next:hover,.home-recommend .recommend-meta .recommend-prev:hover{background:#fff;color:var(--color)}
.home-recommend .recommend-meta .home-more{border-color:#fff}
.home-recommend .recommend-meta .home-more:hover{box-shadow:0 0 6px 1px #fff}
.home-appli{background-image:url();background-repeat:no-repeat;background-position: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:#fff;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:#fff;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 #fff;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:#fff;margin:15px auto 30px;font-size:var(--fontsize20)}
.home-appli .appli-title{text-transform:uppercase;color:#fff;font-size:var(--fontsize24);margin-top:10px}
.home-appli #appliswiper{margin-top:20px}
.home-appli #appliswiper .swiper-slide{background:#fff;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:var(--fontsize18);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 #fff}
.home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.home-appli .appli-meta .appliswiper-next,.home-appli .appli-meta .appliswiper-prev{width:34px;height:34px;border-radius:50%;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--fontbold6);color:#fff;font-size:var(--fontsize18);cursor:pointer;margin:0 10px;transition:all .2s linear}
.home-appli .appli-meta .appliswiper-next:hover,.home-appli .appli-meta .appliswiper-prev:hover{background:#fff;color:var(--color)}
.home-custom .home-title{text-align:left}
.home-custom .des{font-weight:var(--fontbold6);font-size:var(--fontsize28);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:#fff}
.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:var(--fontsize18);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:#fff;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:#fff;z-index:1;background-image:url()}
.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 #fff;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:var(--fontsize24);margin-right:10px}
.home-sourcing{background:#f7f7f7}
.home-sourcing .sourcinglist{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:30px auto 0}
.home-sourcing .sourcinglist li{width:50%;background:var(--color);color:#fff;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:#fff;display:flex;align-items:center;justify-content:center}
.home-sourcing .sourcinglist li .icon em{font-size:var(--fontsize40)}
.home-sourcing .sourcinglist li .text{flex:1;padding-left:20px}
.home-sourcing .sourcinglist li .text .p1{font-size:var(--fontsize22);font-weight:var(--fontbold5)}
.home-sourcing .sourcinglist li:nth-child(2){background:#fff}
.home-sourcing .sourcinglist li:nth-child(2) .icon{background:var(--color)}
.home-sourcing .sourcinglist li:first-child .icon em{color:var(--color)}
.home-sourcing .sourcinglist li:nth-child(2) .icon em{color:#fff}
.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-image:url();background-repeat:no-repeat;background-position:top;background-size:100%}
.home-certi .certi-fixed{position:absolute;top:0;left:20%}
.home-certi .home-title{color:#fff}
.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:18%;cursor:pointer;transition:all .1s linear}
.home-certi .certi-img img:hover{transform:scale(1.02)}
.home-certi .certi-img img:nth-child(3){z-index:3;width:26%}
.home-certi .certi-img img:nth-child(2),.home-certi .certi-img img:nth-child(4){z-index:2;width:22%}
.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 .homenews-wrap{margin-top:2%;}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;border-radius:var(--borderradius);transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #EAEAEA}
.homenews-list li.act .icon{background:var(--color);color:#FFFFFF;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0px;top:4px;width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2;display: flex;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem}
.homenews-list li .date{color:var(--introcolor);display:flex;align-items:center;font-size:var(--fontsize14);padding:4px 0px}
.homenews-list li .date em{margin-right:10px;font-size:var(--fontsize14)}
.homenews-list li .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}





@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-about9 .abouttop .abouttop-left .p2{font-size:var(--fontsize30)}
.home-about9 .abouttop{margin-top:1em}}

@media (max-width:1280px){.home-banner .banner-animote .p1{font-size:var(--fontsize36)}
.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:var(--fontsize36)}
.home-about .aboutinfo .title span{font-size:var(--fontsize36)}
.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-about9 .abouttop .abouttop-left .p2{font-size:var(--fontsize22)}
	.home-about9 .abouttop{flex-direction:column}
.home-about9 .abouttop .abouttop-left{width:100%}
.home-about9 .abouttop .abouttop-list{flex-direction:column}
.home-about9 .abouttop .abouttop-list li{width:100%;padding:20px 0}
.home-about9 .abouttop .abouttop-list li::after{top:auto;right:auto;left:0px;bottom:0;width:100%;height:1px}
.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:var(--fontsize24)}
.home-about .aboutinfo .title{font-size:var(--fontsize26)}
.home-about .aboutinfo .title span{font-size:var(--fontsize26)}
.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 .homenews-img{display:none}
.homenews-list{padding-left:0px}
.homenews-list li{padding-left:0px}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:var(--fontsize18);display: block;}



.home-num .numlist li{padding:20px}
.home-num .numlist li .num span{font-size:var(--fontsize30)}
.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:var(--fontsize24)}
.home-about .aboutinfo .title span{font-size:var(--fontsize24)}
.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-certi .certi-img img{width:22%}
.home-certi .certi-img img:nth-child(3){width:32%}
.home-certi .certi-img img:nth-child(2), .home-certi .certi-img img:nth-child(4){width:28%}
.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:var(--fontsize20)}
.certi-body img{max-width:60%;height:auto}

}
.wmkcpopup-inquiry{display:none}