@import url(https://js01.v15cdn.com/single-template/public.css);
.pro-title{text-align:center;color:#0b1b2b;font-weight:var(--fontbold6);font-size:var(--fontsize28)}
.pro-dev{display:flex;justify-content:center;margin:15px 0 20px}
.pro-des{text-align:center;color:#555;max-width:1130px;margin:0 auto}
.pro-des a{text-decoration:underline}
.page-main{padding:0}
.procate-titlebox{padding:80px 0 40px}
.procate-bg{padding:80px 0;position:relative;z-index:1}
.procate-bg::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);max-width:1920px;width:100vw;height:100%;background-repeat:no-repeat;background-size:cover;z-index:-1}
.pro-main .more{text-decoration:none}
.pro-main .protypefeedback{padding:0}
.prolist-bottom{max-width:1740px}
.procate1{padding-top:80px}
.procate1 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate1 li{width:21%;margin-top:50px}
.procate1 li .img{display:flex;align-items:center;justify-content:center}
.procate1 li .img img{transition:all .2s linear}
.procate1 li .tit{text-align:center;font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-top:20px}
.procate1 li:hover .img img{transform:rotate(10deg)}
.procate2{padding:80px 0}
.procate2 .list{height:210px;padding:0 10px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;position:relative;z-index:1}
.procate2 .list::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-image:url(/uploads/43960/page/p20250808113102136b6.webp);background-repeat:no-repeat;background-size:cover;z-index:-1}
.procate2 .list li{width:9%;display:flex;align-items:center;justify-content:center}
.procate3{padding:158px 0 80px;color:#fff}
.procate3::before{background-image:url(/uploads/43960/page/p2025080811312202580.webp);height: 100%;}
.procate3 .pro-title{color:#fff}
.procate3 .pro-des{color:#fff}
.procate3 .bottom .pro-title,.procate3 .bottom .pro-des{color: #0b1b2b;}
.procate3 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:50px}
.procate3 .info{width:36%}
.procate3 .info .more{background-color:#ff679a;display:inline-flex;align-items:center;justify-content:center;height:52px;color:#fff;padding:0 20px;border-radius:30px;margin-top:20px;transition:all .2s linear}
.procate3 .info .more:hover{background-color:var(--color)}
.procate3 .img{width:60%;padding:50px 50px 50px 0;position:relative;z-index:1}
.procate3 .img::before{content:"";width:calc(100% - 100px);height:100%;position:absolute;right:0;top:0;border-radius:10px;border:2px dashed var(--color);z-index:-1}
.procate3 .img::after{content:"";width:calc(100% - 98px);height:142px;position:absolute;right:0;bottom:-2px;border-radius:0 0 10px 10px;background-color:var(--color);z-index:0}
.procate3 .img img{position:relative;z-index:1}
.procate3 .list li{display:flex;margin-bottom:20px}
.procate3 .list li .icon{box-shadow:0 5px 9px 0 rgba(18,0,15,.15);width:46px;height:46px;border-radius:50%;background-color:#ff679a;display:inline-flex;align-items:center;justify-content:center;margin-right:16px;color:#fff;transition:all .2s linear}
.procate3 .list li .icon em{font-size:var(--fontsize28)}
.procate3 .list li .txt{flex:1;padding-top:10px}
.procate3 .list li .txt .p1{font-size:var(--fontsize18);font-weight:var(--fontbold5);margin-bottom:6px}
.procate3 .list li:hover .icon{background-color:var(--color)}
.procate5::before{background-image:url(/uploads/43960/page/p20250808113159a3c37.webp)}
.procate5 .box{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.procate5 .left{width:32%}
.procate5 .left .list li{justify-content:flex-end}
.procate5 .left .list li .icon{margin-left:40px}
.procate5 .left .list li:nth-child(2){padding-right:80px}
.procate5 .left .list li:nth-child(3){padding-right:20px}
.procate5 .left .list li:nth-child(4){margin-right:-80px}
.procate5 .img{width:36%;padding:50px}
.procate5 .right{width:32%}
.procate5 .right .list li{justify-content:flex-start}
.procate5 .right .list li .icon{margin-right:40px}
.procate5 .right .list li:nth-child(2){padding-left:80px}
.procate5 .right .list li:nth-child(3){padding-left:20px}
.procate5 .right .list li:nth-child(4){margin-left:-80px}
.procate5 .list li{display:flex;align-items:center;margin:20px 0}
.procate5 .list li .icon{width:130px;height:130px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 0 10px #fff;color:#fff;transition:all .2s linear}
.procate5 .list li .icon em{font-size:66px;line-height:1}
.procate5 .list li .icon .icon-pingfen{font-size:var(--fontsize20)}
.procate5 .list li .num{color:#111;font-size:var(--fontsize36);font-weight:var(--fontbold7);text-align:center;line-height:1.2}
.procate5 .list li .tit{color:#555;text-align:center}
.procate5 .list li:nth-child(odd) .icon{background-color:#ff679a}
.procate5 .list li:nth-child(even) .icon{background-color:#74cee2}
.procate5 .list li:hover .icon{transform:translateY(-5px)}
.procate6{height:320px}
.procate6 .box{width:100vw;position:relative;max-width:1920px;left:50%;top:0;height:100%;transform:translateX(-50%)}
.procate6 .list{position:absolute;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.procate6 .item{width:33.3333%;display:flex;flex-wrap:wrap}
.procate6 .item .img{width:50%;overflow:hidden}
.procate6 .item .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.procate6 .item .info{width:50%;padding:10px 16px;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}
.procate6 .item:nth-child(1){background-color:#ffa2f1}
.procate6 .item:nth-child(2){background:#875ed4}
.procate6 .item:nth-child(3){background:#74cee2}
.procate6 .item:hover .img img{transform:scale(1.03)}
.procate7{padding:80px 0}
.procate7 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate7 li{width:24%;margin-top:50px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.procate7 li .img{overflow:hidden}
.procate7 li .img img{width:100%;transition:all .2s linear}
.procate7 li .info{padding-left:30px;position:relative;z-index:1;display:flex;flex:1;flex-direction:column;color:#555}
.procate7 li .info::before{content:"";width:calc(100% - 20px);height:100%;position:absolute;left:0;top:0;z-index:-1;background-color:#f7f7f7;border-radius:0 0 10px 10px;transition:all .2s linear}
.procate7 li .info .info-box{background-color:#fff;border-radius:0 0 0 10px;padding:20px;flex:1}
.procate7 li .info .tit{color:#111;font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:10px}
.procate7 li .info .more{padding:16px 0;text-decoration:underline;transition:all .2s linear}
.procate7 li:hover .img img{transform:scale(1.03)}
.procate7 li:hover .info::before{background-color:var(--color)}
.procate7 li:hover .info .more{color:#fff}
.procate8{padding:158px 0 80px;color:#fff}
.procate8::before{background-image:url(/uploads/43960/page/p2025080811331007e67.webp)}
.procate8 .pro-title{color:#fff}
.procate8 .box{margin-top:50px}
.procate8 .procate8swiper1{max-width:1200px;margin:0 auto}
.procate8 .procate8swiper1 .swiper-slide{margin:0 auto;background-image:url(/uploads/43960/page/p20250808113320d31f1.webp);background-repeat:no-repeat;background-size:contain;height:290px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8%}
.procate8 .procate8swiper2{width:570px;margin:40px auto 0}
.procate8 .procate8swiper2 .swiper-slide{text-align:center}
.procate8 .procate8swiper2 .swiper-slide .img{width:100px;height:100px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #fff;transition:all .2s linear}
.procate8 .procate8swiper2 .swiper-slide .info{margin-top:14px;transition:all .2s linear;opacity:0}
.procate8 .procate8swiper2 .swiper-slide .info .p1{font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.procate8 .procate8swiper2 .swiper-slide-active .img{border-color:var(--color)}
.procate8 .procate8swiper2 .swiper-slide-active .info{opacity:1}
.procate9{padding:80px 0}
.procate9 .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.procate9 ul{width:48%}
.procate9 ul li{border:2px solid #ededed;border-radius:0 40px 0 40px;overflow:hidden;transition:all .1s linear;margin-bottom:20px}
.procate9 ul li .title{display:flex;padding:20px 30px;cursor:pointer;transition:all .1s linear}
.procate9 ul li .icon{width:25px;height:25px;border-radius:50%;border:1px solid var(--color);display:inline-flex;align-items:center;justify-content:center;position:relative;margin-right:15px;transition:all .1s linear}
.procate9 ul li .icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color);width:11px;height:1px}
.procate9 ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color);width:1px;height:11px}
.procate9 ul li .tit{flex:1;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:#111}
.procate9 ul li .txt{padding:20px 30px 20px 70px;color:#555;display:none}
.procate9 ul li.act{border-color:var(--color)}
.procate9 ul li.act .title{background-color:var(--color)}
.procate9 ul li.act .icon{border-color:#fff}
.procate9 ul li.act .icon::before{background-color:#fff}
.procate9 ul li.act .tit{color:#fff}
.procate10::before{height:425px;background-image:url(/uploads/43960/page/p20250808113332222de.webp)}
.procate10 .pro-title{color:#fff}
.procate10 .btn{display:flex;justify-content:center;margin-top:30px}
.procate10 .btn .more{width:230px;height:52px;background-color:#ff679a;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:30px;transition:all .2s linear}
.procate10 .btn .more:hover{background-color:var(--color)}
.procate10 .inquiry-box{background-color:#74cee2;border-radius:60px;max-width:1200px;margin:80px auto 0;padding:80px}
.procate10 .inquiry-box .title{text-align:center;color:#fff;font-size:var(--fontsize28);font-weight:var(--fontbold5);margin-bottom:50px}
.procate10 .wmkcfeedback .send-btn{width:100%;color:#74cee2;background-color:#fff}
.procate10 .wmkcfeedback .send-btn:hover{color:#fff;background-color:var(--color)}
.procate11{padding-top:80px}
.procate11 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.procate11 .pro-title{text-align:left}
.procate11 .pro-dev{justify-content:flex-start}
.procate11 .txt{color:#666}
.procate11 .info{width:49%}
.procate11 .img{width:49%}
.procate11 .img iframe{height:400px}
.procate11 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:80px}
.procate11 .list li{width:23%;height:100px;border-radius:30px;background-color:#ff679a;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px 10px 10px 10px;position:relative;transition:all .2s linear}
.procate11 .list li .icon{position:absolute;left:40px;top:-40px;width:70px;height:70px;border-radius:50%;background-color:#ff679a;border:2px solid #fff;display:inline-flex;align-items:center;justify-content:center}
.procate11 .list li .icon em{font-size:var(--fontsize28)}
.procate11 .list li .title{font-size:var(--fontbold5)}
.procate11 .list li:hover{transform:translateY(-5px)}
.procate12{padding-bottom:160px}
.procate12::before{background-image:url(/uploads/43960/page/p20250808114607c853c.webp)}
.procate12 .pro-title{color:#fff}
.procate12 .pro-des{color:#fff}
.procate12 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#fff;max-width:1300px;margin:40px auto 0}
.procate12 .img{width:60%}
.procate12 .img img{width:100%}
.procate12 .info{width:36%}
.procate12 .info .tit{font-weight:var(--fontbold6);margin-top:6px}
.procate12 .info .more{width:250px;height:50px;background-color:#ff679a;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;margin-top:40px;transition:all .2s linear}
.procate12 .info .more:hover{background-color:var(--color)}
.gummies-procate5::before{height:1100px;background-image:url(/uploads/43960/page/p20250808114505809a0.webp)}
.gummies-procate5 .box .list li .num{font-size:var(--fontsize26)}
.gummies-procate5 .bottom{margin-top:80px;background-repeat:no-repeat;background-size:cover;border-radius:60px;padding:100px 20px}
.gummies-procate5 .bottom .pro-title{color:#fff}
.gummies-procate5 .bottom .pro-des{color:#fff}
.gummies-procate5 .bottom .btn{display:flex;justify-content:center}
.gummies-procate5 .bottom .btn .more{width:166px;height:50px;border-radius:25px;color:#fff;background-color:#ff679a;display:inline-flex;align-items:center;justify-content:center;margin-top:40px;transition:all .2s linear}
.gummies-procate5 .bottom .btn .more:hover{background-color:var(--color)}
.procate13 .box{margin-top:40px;position:relative;padding-left:80px}
.procate13 .procate13swiper-pagination{position:absolute;left:0;top:50%;transform:translateY(-50%);width:36px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}
.procate13 .procate13swiper-pagination .swiper-pagination-bullet{margin:20px 0;width:12px;height:12px;background-color:#ff679a;border-radius:50%;display:block;opacity:1}
.procate13 .procate13swiper-pagination .swiper-pagination-bullet p{opacity:0}
.procate13 .procate13swiper-pagination .swiper-pagination-bullet-active{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff}
.procate13 .procate13swiper-pagination .swiper-pagination-bullet-active p{opacity:1}
.procate13 .swiper-slide{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.procate13 .swiper-slide .img{width:48%;border-radius:10px;overflow:hidden}
.procate13 .swiper-slide .img img{width:100%;max-height:450px;object-fit:cover;transition:all .2s linear}
.procate13 .swiper-slide .info{width:48%}
.procate13 .swiper-slide .info .tit{color:#222;font-size:var(--fontsize26);font-weight:var(--fontbold5)}
.procate13 .swiper-slide .info .txt{color:#666;margin-top:20px}
.procate13 .swiper-slide .info .more{height:50px;border-radius:25px;margin-top:40px;background-color:#ff679a;padding:0 30px;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.procate13 .swiper-slide .info .more:hover{background-color:var(--color)}
.procate13 .swiper-slide:hover .img img{transform:scale(1.03)}
.procate-faqlist{padding:80px 0}
.procate-faqlist .faq-box{margin-top:30px}
.procate-faqlist li{border-radius:50px;margin-bottom:10px;transition:all .1s linear}
.procate-faqlist li .title{display:flex;padding:20px 36px;cursor:pointer;transition:all .1s linear}
.procate-faqlist li .title .icon{width:26px;height:26px;border-radius:50%;border:1px solid #875ed4;display:inline-flex;align-items:center;justify-content:center;position:relative;margin-right:15px;transition:all .1s linear}
.procate-faqlist li .title .icon::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#875ed4;width:11px;height:1px}
.procate-faqlist li .title .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#875ed4;width:1px;height:11px;transition:all .1s linear}
.procate-faqlist li .title .tit{font-size:var(--fontsize18);font-weight:var(--fontbold5);flex:1}
.procate-faqlist li .txt{display:none;padding:0 36px 36px 76px}
.procate-faqlist li.act{background-color:#cafafe}
.procate-faqlist li.act .title{padding-top:36px;padding-bottom:15px}
.procate-faqlist li.act .icon::after{height:0}
.procate14{padding-top:80px}
.procate14 .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;position:relative;z-index:2}
.procate14 .left{width:30%;position:absolute;display:flex;justify-content:space-around}
.procate14 .left .item:nth-child(2){margin-top:36px}
.procate14 .right{width:30%;position:absolute;right:0;display:flex;justify-content:space-around}
.procate14 .right .item:nth-child(1){margin-top:36px}
.procate14 .item{text-align:center;transition:all .2s linear}
.procate14 .item .img{background:#ff86bd;width:90px;height:90px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .2s linear}
.procate14 .item .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-top:10px}
.procate14 .item:hover .img{transform:translateY(-5px)}
.procate15{padding-top:400px}
.procate15::before{background-image:url(/uploads/43960/page/p2025080816513958cce.webp);background-position:center}
.procate15 .pro-title{color:#fff}
.procate15 .pro-des{color:#fff}
.procate15 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:50px}
.procate15 .img{width:40%;border-radius:10px;overflow:hidden}
.procate15 .info{width:56%;color:#fff}
.procate15 .info .txt{padding-left:20px}
.procate15 .info .txt .tit{position:relative;font-weight:var(--fontbold6);margin-top:4px}
.procate15 .info .txt .tit::before{content:"";position:absolute;left:-17px;top:9px;width:7px;height:7px;border-radius:50%;background-color:var(--color)}
.procate15 .info .txt .tit::after{content:"";position:absolute;left:-20px;top:6px;width:11px;height:11px;border-radius:50%;border:1px solid var(--color)}
.procate15 .info .more{height:50px;background-color:#ff679a;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;margin-top:40px;padding:0 30px;color:#fff;transition:all .2s linear}
.procate15 .info .more:hover{background-color:var(--color)}
.procate16{padding-top:200px}
.procate16::before{background-image:url(/uploads/43960/page/p2025080816525099ccf.webp);height:78%}
.procate16 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.procate16 .info{width:34%}
.procate16 .info .pro-title{text-align:left;color:#fff}
.procate16 .info .pro-des{text-align:left;color:#fff}
.procate16 .info .pro-dev{justify-content:flex-start}
.procate16 .list{width:54%;display:flex;justify-content:space-between;flex-wrap:wrap}
.procate16 .list li{width:49%;margin-bottom:20px;background-color:#fff;padding:40px;border-radius:10px;transition:all .2s linear}
.procate16 .list li:hover{transform:translateY(-5px)}
.procate16 .list li img{margin-bottom:10px}
.procate16 .list li .p1{color:#222;font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.procate16 .list li .p2{color:#666}
.procate16 .bottom,.procate3 .bottom{min-height:360px;background-image:url(/uploads/43960/page/p2025080816530447571.webp);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:60px;overflow:hidden;margin-top:80px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.procate16 .bottom .more,.procate3 .bottom .more{height:50px;padding:0 30px;color:#fff;background-color:#ff679a;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;margin-top:40px;text-decoration:none;transition:all .2s linear}
.procate16 .bottom .more:hover,.procate3 .bottom .more:hover{background-color:var(--color)}
.procate17::before{background-image:url(/uploads/43960/page/p20250808165653641d6.webp)}
.procate17 .pro-des{max-width:100%}
.procate17 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.procate17 li{width:15%;aspect-ratio:1/1;border-radius:10px;border:1px solid transparent;transition:all .2s linear;display:inline-flex;align-items:center;justify-content:center}
.procate17 li:hover{border-color:#ff679a}
.spicy-procate15{padding:80px 0 120px}
.spicy-procate15::before{background-image:url(/uploads/43960/page/p20250808165516a1b5b.webp)}
.spicy-procate15 .pro-title{color:#0b1b2b}
.spicy-procate15 .pro-des{color:#555}
.spicy-procate15 .info{color:#222}
.procate18{padding:80px 0}
.procate18 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.procate18 .info{width:48%}
.procate18 .img{width:48%}
.procate18 .img iframe{height:450px}
.procate18 .pro-title{text-align:left}
.procate18 .pro-dev{justify-content:flex-start}
.procate18 .txt{color:#666}
.procate18 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate18 .list li{width:24%;font-weight:var(--fontbold6);color:#222;margin-top:20px}
.procate19::before{background-image:url(/uploads/43960/page/p20250808165642411fd.webp)}
.procate19 .pro-title{color:#fff}
.procate19 .pro-des{color:#fff}
.procate19 .btn{margin-top:40px;display:flex;justify-content:center}
.procate19 .btn .more{height:50px;padding:0 30px;color:#fff;border-radius:25px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background-color:#ff679a;transition:all .2s linear}
.procate19 .btn .more:hover{background-color:var(--color)}
.procate20{padding-top:80px}
.procate20 .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.procate20 .pro-title{text-align:left}
.procate20 .pro-dev{justify-content:flex-start}
.procate20 .pro-des{text-align:left}
.procate20 .info{width:48%}
.procate20 .top .list{width:40%}
.procate20 .top .list li{position:relative;padding-left:24px;color:#333;font-weight:var(--fontbold5);margin-bottom:10px}
.procate20 .top .list li::before{content:"";position:absolute;left:4px;top:10px;width:7px;height:7px;border-radius:50%;background-color:#ff75f3}
.procate20 .top .list li::after{content:"";position:absolute;left:0;top:6px;width:13px;height:13px;border-radius:50%;border:1px solid #ff75f3}
.procate20 .bottom .list{display:flex;justify-content:space-around;flex-wrap:wrap;margin-top:40px}
.procate20 .bottom li{width:24%;text-align:center}
.procate20 .bottom .item-icon{width:10%;margin-top:6%}
.procate20 .bottom .img-box{border-radius:50%;border:1px dashed #ff679a;position:relative;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;min-width:260px;margin-bottom:40px}
.procate20 .bottom .img-box .img{width:80%;height:80%;border-radius:50%;background-color:#ff679a;display:inline-flex;align-items:center;justify-content:center}
.procate20 .bottom .img-box .img img{max-width:80%;max-height:80%}
.procate20 .bottom .num{width:50px;height:50px;background-color:#ff679a;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;position:absolute;right:10px;top:6px}
.procate20 .bottom .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#222}
.procate20 .bottom .txt{color:#222}
.procate21{padding:80px 0}
.procate21 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate21 li{width:32%;border:10px;overflow:hidden;display:flex;flex-direction:column;margin-top:40px}
.procate21 li .img{overflow:hidden}
.procate21 li .img img{transition:all .2s linear}
.procate21 li .info-box{padding-left:30px;padding-bottom:30px;display:flex;flex:1;position:relative;z-index:1}
.procate21 li .info-box::before{content:"";position:absolute;left:0;top:0;width:98%;height:100%;border-radius:0 0 10px 10px;z-index:-1}
.procate21 li .info{flex:1;background-color:#f4f0fb;border-radius:0 0 10px 10px;padding:20px 30px}
.procate21 li .info .tit{font-size:var(--fontsize20);color:#222;font-weight:var(--fontbold5)}
.procate21 li:nth-child(1) .info-box::before{background-color:#ff679a}
.procate21 li:nth-child(2) .info-box::before{background-color:#f9bb4c}
.procate21 li:nth-child(3) .info-box::before{background-color:#875ed4}
.procate21 li:hover .img img{transform:scale(1.03)}
.natural-procate15{padding:80px 0;color:#222}
.natural-procate15 .pro-title{color:#0b1b2b}
.natural-procate15 .pro-des{color:#555;max-width:100%}
.natural-procate15 .info{color:#222}
.procate22{padding:80px 0 130px}
.procate22::before{background-image:url(/uploads/43960/page/p202508111658071e8b6.webp)}
.procate22 .pro-title{color:#fff}
.procate22 .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.procate22 li{width:32%;border-radius:30px;overflow:hidden;padding:40px 60px;min-height:420px;margin-top:40px;background-repeat:no-repeat;background-size:cover;transition:all .2s linear}
.procate22 li:hover{transform:translateY(-5px)}
.procate22 li .icon em{font-size:60px;line-height:1}
.procate22 li .info{margin-top:18%}
.procate22 li .info .tit{color:#111;font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:10px}
.procate22 li .info .txt{color:#666}
.procate22 li:nth-child(1) .icon{color:#ff679a}
.procate22 li:nth-child(2) .icon{color:#ffae00}
.procate22 li:nth-child(3) .icon{color:#008bed}
.procate22 li:nth-child(4) .icon{color:#008bed}
.procate22 li:nth-child(5) .icon{color:#ff679a}
.procate22 li:nth-child(6) .icon{color:#ffae00}
.procate23{padding-top:80px}
.procate23 .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.procate23 li{width:23%;text-align:center;color:#fff;margin-top:40px;position:relative;padding-bottom:25px}
.procate23 li .more{width:130px;height:52px;border-radius:20px;border:1px solid #fff;display:inline-flex;justify-content:center;align-items:center;color:#fff;position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all .2s linear}
.procate23 li .more:hover{width:140px}
.procate23 li:nth-child(1) .more{background-color:#ffa2f1}
.procate23 li:nth-child(2) .more{background-color:#875ed4}
.procate23 li:nth-child(3) .more{background-color:#74cee2}
.procate23 li:nth-child(4) .more{background-color:#f0a400}
.procate23 .info{background-repeat:no-repeat;background-size:cover;text-align:center;background-position:center;height:100%;padding:35px}
.procate23 .info em{font-size:60px}
.procate23 .info .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:10px}
.procate24{padding-top:80px}
.procate24 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate24 li{width:23%;background-repeat:no-repeat;background-size:contain;padding:50px 20px;display:flex;flex-direction:column;margin-top:40px;transition:all .2s linear}
.procate24 li .img{display:flex;align-items:center;justify-content:center;flex:1;text-align:center}
.procate24 li .img img{max-width:80%}
.procate24 li .tit{font-weight:var(--fontbold6);font-size:var(--fontsize20);text-align:center;color:#fff}
.procate24 li:hover{transform:translateY(-5px)}
.procate25{padding:140px 0 80px}
.procate25::before{background-image:url(/uploads/43960/page/p202508111709164807c.webp)}
.procate25 .pro-title{color:#fff}
.procate25 .pro-des{color:#fff}
.procate25 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate25 li{width:32%;margin-top:40px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.procate25 li .img{overflow:hidden}
.procate25 li .img img{transition:all .2s linear}
.procate25 li .info{flex:1;background-color:#fff;padding:30px 40px;text-align:center;color:#222}
.procate25 li .info .tit{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:10px}
.procate25 li:hover .img img{transform:scale(1.03)}
.procate25 .btn{display:flex;justify-content:center;margin-top:40px}
.procate25 .btn .more{height:50px;border-radius:30px;background-color:#ff679a;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .2s linear}
.procate25 .btn .more:hover{background-color:var(--color)}
.procate26::before{background-image:url(/uploads/43960/page/p202508111709419d032.webp)}
.procate26 .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:40px}
.procate26 .box ul{width:30%;display:flex;flex-direction:column;justify-content:space-between}
.procate26 .box ul li{border:1px solid #fff;border-radius:10px;display:flex;align-items:center;padding:10px 20px;margin-bottom:20px;transition:all .2s linear}
.procate26 .box ul li .icon{margin-right:20px;height:78px;width:70px;display:inline-flex;align-items:center;justify-content:center;background-image:url(/uploads/43960/page/p202508111709536ab09.webp);background-repeat:no-repeat;background-size:contain;position:relative;z-index:1}
.procate26 .box ul li .icon em{color:#ff679a;font-size:var(--fontsize36)}
.procate26 .box ul li .icon::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:#ff679a;z-index:-1;opacity:0;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:all .2s linear}
.procate26 .box ul li .tit{flex:1;font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#111}
.procate26 .box ul li:hover .icon{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.procate26 .box ul li:hover .icon em{color:#fff}
.procate26 .box ul li:hover .icon::before{opacity:1}
.procate26 .box .img{width:30%}
.procate27{padding:80px 0}
.procate27 .box{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate27 .item{width:49%;background-repeat:no-repeat;background-size:cover;border-radius:20px;overflow:hidden;padding:50px 40px;color:#222;transition:all .2s linear}
.procate27 .item .tit{font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.procate27 .item .txt{color:#333;margin-top:10px;min-height:70px}
.procate27 .item .btn{display:flex;margin-top:30px}
.procate27 .item .btn .more{height:50px;padding:0 30px;border-radius:30px;color:#fff;background-color:#ff679a;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;transition:all .2s linear}
.procate27 .item .btn .more:hover{background-color:var(--color)}
.procate27 .item:hover{transform:translateY(-5px)}
.marshall-procate13{padding:140px 0 80px}
.marshall-procate13::before{background-image:url(/uploads/43960/page/p2025081117001490df6.webp)}
.marshall-procate13 .pro-title{color:#fff}
.marshall-procate13 .swiper-slide .info .tit{color:#fff}
.marshall-procate13 .swiper-slide .info .txt{color:#fff}
.procate28{padding:80px 0 120px}
.procate28::before{background-image:url(/uploads/43960/page/p20250811171121d8bfd.webp);background-position:center}
.procate28 .pro-des{max-width:100%}
.procate28 .box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:60px}
.procate28 .left{width:34%;display:flex;justify-content:space-between}
.procate28 .left .item:last-child{margin-top:50px}
.procate28 .right{width:34%;display:flex;justify-content:space-between}
.procate28 .right .item:first-child{margin-top:50px}
.procate28 .item{width:49%;text-align:center}
.procate28 .item .icon{width:90px;height:90px;border-radius:50%;background-color:#ff86bd;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:all .2s linear}
.procate28 .item .icon em{font-size:var(--fontsize36)}
.procate28 .item .tit{margin-top:20px;font-size:var(--fontsize20);font-weight:var(--fontbold6)}
.procate28 .item:hover .icon{transform:translateY(-5px)}
.procate29::before{background-color:#f7f7f7}
.procate29 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate29 li{width:33%;position:relative;z-index:2;margin-top:40px;padding-right:8px}
.procate29 li .item-box{padding:20px;border-radius:10px;position:relative;z-index:2;height:100%;display:flex;flex-direction:column}
.procate29 li::after{content:"";position:absolute;right:0;top:8px;width:100%;height:100%;border-radius:10px;z-index:-1;opacity:0;transition:all .2s linear}
.procate29 li .img{overflow:hidden;border-radius:10px}
.procate29 li .img img{transition:all .2s linear}
.procate29 li .info{flex:1;padding:20px 0}
.procate29 li .info .tit{color:#111;font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.procate29 li .info .txt{color:#666}
.procate29 li:nth-child(1) .item-box{background-color:#f4f0fb}
.procate29 li:nth-child(1)::after{background-color:#875ed4}
.procate29 li:nth-child(2) .item-box{background-color:#e6f6fa}
.procate29 li:nth-child(2)::after{background-color:#94e0f3}
.procate29 li:nth-child(3) .item-box{background-color:#fff0f5}
.procate29 li:nth-child(3)::after{background-color:#ec93b1}
.procate29 li:hover .img img{transform:scale(1.03)}
.procate29 li:hover:nth-child(1) .info .tit{color:#875ed4}
.procate29 li:hover:nth-child(1)::after{opacity:1}
.procate29 li:hover:nth-child(2) .info .tit{color:#94e0f3}
.procate29 li:hover:nth-child(2)::after{opacity:1}
.procate29 li:hover:nth-child(3) .info .tit{color:#ec93b1}
.procate29 li:hover:nth-child(3)::after{opacity:1}
.procate30{padding:80px 0}
.procate30 .box{background-size:cover;background-repeat:no-repeat;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:60px 40px;border-radius:20px;overflow:hidden;margin-top:40px}
.procate30 .item{width:46%}
.procate30 .item .item-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;background-color:#15afc4;border-radius:20px;padding:40px}
.procate30 .item .item-box:hover img{transform:scale(1.03)}
.procate30 .item .img{width:48%;border-radius:20px;overflow:hidden}
.procate30 .item .img img{transition:all .2s linear}
.procate30 .item .title{text-align:center;font-size:var(--fontsize28);color:#005e6b;font-weight:var(--fontbold6);margin-bottom:10px}
.procate30 .item .info{width:48%;text-align:center;line-height:2.8;color:#fff;font-weight:var(--fontbold6)}
.procate30 .vs{width:6%;text-align:center;margin-top:44px}
.procate31::before{background-image:url(/uploads/43960/page/p20250811171134bdf4e.webp)}
.procate31 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate31 li{width:24%;overflow:auto;border-radius:10px;margin-top:40px;position:relative}
.procate31 li .info{position:absolute;left:0;bottom:0;width:100%;z-index:1;overflow:hidden;padding:20px 10px 16px}
.procate31 li .info .title{text-align:center;color:#fff;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.procate31 li .info::before{content:"";position:absolute;width:500px;height:500px;z-index:-1;left:50%;top:0;transform:translateX(-50%);background-color:rgba(255,103,154,.86);-webkit-clip-path:circle(100% at 50% 100%);clip-path:circle(100% at 50% 100%)}
.cream-procate13{padding-top:80px}
.procate32{padding-bottom:80px}
.procate32 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate32 li{width:24%;margin-top:40px}
.procate32 li .img{overflow:hidden;border-radius:20px}
.procate32 li .img img{transition:all .2s linear}
.procate32 li .tit{text-align:center;margin-top:10px;font-size:var(--fontsize18);color:#111}
.procate32 li:hover .img img{transform:scale(1.03)}
@media screen and (max-width:1660px){.procate24 li .img img{max-width:54%}
}
@media screen and (max-width:1440px){.procate6{height:350px}
.procate5 .list li .txt{flex:1}
.procate30 .item{width:100%}
.procate30 .vs{width:100%;margin:20px 0}
}
@media screen and (max-width:1280px){.procate6{height:auto}
.procate6 .list{position:static}
.procate6 .item .img{width:100%}
.procate6 .item .img img{width:auto;height:auto;object-fit:none}
.procate6 .item .info{width:100%}
.procate5 .list li .icon{width:100px;height:100px}
.procate5 .list li .icon .icon-pingfen{font-size:var(--fontsize14)}
.procate14 .box{margin-bottom:20px}
.procate14 .left{width:50%;position:static}
.procate14 .left .item:nth-child(2){margin-top:0}
.procate14 .right{width:50%;position:static}
.procate14 .right .item:nth-child(1){margin-top:0}
.procate23 li{width:49%}
.procate24 li .tit{font-size:var(--fontsize16)}
}
@media screen and (max-width:1024px){.procate-titlebox{padding:40px 0 30px}
.prolist-bottom{padding:0 15px}
.pro-des br{display:none}
.pro-title{font-size:var(--fontsize24)}
.pro-title br{display:none}
.procate-bg{padding:40px 0}
.procate2,.procate7,.procate9{padding:40px 0}
.procate3{padding:120px 0 40px}
.procate8{padding:120px 0 40px}
.procate8 .procate8swiper1 .swiper-slide{background-image:none;border:2px dashed #fff;height:auto;padding:40px;border-radius:200px}
.procate7 li{width:48%}
.procate1 li{margin-top:30px}
.procate3 .box{margin-top:30px}
.procate5 .box{margin-top:30px}
.procate5 .left .list li .icon{margin-left:20px}
.procate5 .left .list li:nth-child(2){padding-right:40px}
.procate5 .left .list li:nth-child(3){padding-right:10px}
.procate5 .left .list li:nth-child(4){margin-right:-40px}
.procate5 .right .list li .icon{margin-right:20px}
.procate5 .right .list li:nth-child(2){padding-left:40px}
.procate5 .right .list li:nth-child(3){padding-left:10px}
.procate5 .right .list li:nth-child(4){margin-left:-40px}
.procate5 .img{padding:30px}
.procate5 .list li .icon em{font-size:40px}
.procate5 .list li .num{font-size:var(--fontsize24)}
.procate12 .img{width:48%}
.procate12 .info{width:48%}
.procate-faqlist{padding:40px 0}
.procate15{padding-top:280px}
.procate15 .img{width:48}
.procate15 .info{width:48}
.procate16 .info{width:100%}
.procate16 .list{width:100%;margin-top:25px}
.spicy-procate15{padding:40px 0 80px}
.procate18{padding:40px 0}
.procate1,.procate11,.procate14,.procate20,.procate24{padding-top:40px}
.procate21{padding:40px 0}
.procate21 li{width:49%}
.natural-procate15{padding:40px 0}
.procate22{padding:40px 0 130px}
.procate22 li{width:49%}
.procate23{padding-top:40px}
.procate20 .bottom .img-box{min-width:220px}
.procate20 .bottom .item-icon{display:none}
.procate24 li{padding:20px;background-position:center;padding:20px 36px}
.procate25{padding:120px 0 40px}
.procate27{padding:40px 0}
.procate27 .item{width:100%;margin-bottom:20px}
.procate27 .item:last-child{margin-bottom:0}
.marshall-procate13{padding:120px 0 40px}
.procate28{padding:40px 0}
.procate28 .box{margin-top:0}
.procate28 .left{width:100%}
.procate28 .right{width:100%}
.procate28 .item{width:36%;margin-top:25px!important}
.procate29 li{width:48%}
.procate30{padding:40px 0}
.procate31{padding:40px 0 80px}
.procate31 li{width:48%}
.cream-procate13{padding-top:40px}
.procate32{padding-bottom:40px}
.procate32 li{width:48%}
.procate32 li img{width:100%}
}
@media screen and (max-width:768px){.procate1 li{width:48%}
.procate2 .list{padding:32px 0;flex-wrap:wrap}
.procate2 .list li{width:17%}
.procate2 .list li img{max-width:50%}
.procate3 .list li .icon{width:32px;height:32px}
.procate3 .list li .icon em{font-size:var(--fontsize18)}
.procate3 .list li .txt{padding-top:2px}
.procate3 .box{flex-direction:column-reverse}
.procate3 .info{width:100%;margin-top:30px}
.procate3 .img{width:100%;padding:20px 20px 20px 0}
.procate5 .left{width:100%}
.procate5 .left .list li{padding-right:0!important;margin-right:0!important}
.procate5 .left .list li .num{text-align:right}
.procate5 .left .list li .tit{text-align:right}
.procate5 .img{width:100%;text-align:center}
.procate5 .right{width:100%}
.procate5 .right .list li{padding-left:0!important;margin-left:0!important}
.procate5 .right .list li .num{text-align:left}
.procate5 .right .list li .tit{text-align:left}
.procate5 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.procate5 .list li{width:48%}
.procate5 .list li .tit{font-size:var(--fontsize12)}
.procate5 .list li .icon{width:60px;height:60px}
.procate5 .list li .icon em{font-size:var(--fontsize24)}
.procate5 .list li .icon .icon-pingfen{font-size:10px}
.procate6 .box{width:auto;max-width:100%}
.procate6 .item{width:100%}
.procate7 li{margin-top:30px;width:100%}
.procate9 .box{margin-top:30px}
.procate9 ul{width:100%}
.procate10 .inquiry-box{margin-top:30px;padding:20px;border-radius:20px}
.procate11 .info{width:100%}
.procate11 .img{margin-top:25px;width:100%}
.procate11 .list{margin-top:0}
.procate11 .list li{margin-top:60px;width:48%}
.procate12 .box{margin-top:30px}
.procate12 .img{width:100%}
.procate12 .info{width:100%;margin-top:30px}
.gummies-procate5::before{height:80%}
.gummies-procate5 .boottom{padding:40px 20px}
.procate13 .box{margin-top:30px}
.procate13 .swiper-slide .img{width:100%}
.procate13 .swiper-slide .info{width:100%;margin-top:25px}
.foot-message .message-box .message-box-icon{right:-10px;top:-50px}
.procate5 .list li .num{font-size:var(--fontsize16)!important}
.prolist-bottom{margin:0}
.procate14 .box{margin-top:30px}
.procate14 .item .img{width:60px;height:60px}
.procate14 .item .img img{max-width:50%}
.procate14 .item .tit{font-size:var(--fontsize16)}
.procate15{padding-top:500px}
.procate15 .box{margin-top:30px}
.procate15 .img{width:100%}
.procate15 .info{width:100%;margin-top:30px}
.procate16 .bottom{margin-top:30px}
.procate17 .list{margin-top:20px}
.procate17 li{margin-top:20px;width:33%}
.spicy-procate15{padding:40px 0 80px}
.procate18 .info{width:100%}
.procate18 .img{width:100%;margin-top:30px}
.procate20 .info{width:100%}
.procate20 .top .list{width:100%;margin-top:25px}
.procate20 .bottom li{width:31%}
.procate20 .bottom li .img-box{width:100%;min-width:auto;margin-bottom:20px}
.procate20 .bottom .num{width:32px;height:32px;right:18px}
.procate20 .bottom .tit{font-size:var(--fontsize16)}
.procate21 li{width:100%;margin-top:25px}
.procate22{padding:40px 0 80px}
.procate22 li{padding:20px;margin-top:25px}
.procate22 li em{font-size:var(--fontsize36)}
.procate23 li{margin-top:25px}
.procate23 li .info{padding:20px}
.procate23 li .more{height:42px;border-radius:10px}
.procate24 li{width:48%;margin-top:25px}
.procate24 li .tit{font-size:var(--fontsize14);transform:translateY(-10px)}
.procate25{padding:100px 0 40px}
.procate25::before{background-position:10%}
.procate25 li{width:100%;margin-top:25px}
.procate25 li .info{padding:20px}
.procate26 .box{margin-top:25px}
.procate26 .box ul{width:100%}
.procate26 .box .img{width:100%;margin:25px 0;text-align:center}
.marshall-procate13{padding:100px 0 40px}
.marshall-procate13::before{background-position:10%}
.procate28 .item .tit{font-size:var(--fontsize16)}
.procate29 li{width:100%;margin-top:25px}
.procate30 .box{margin-top:25px;padding:15px}
.procate30 .item .title{font-size:var(--fontsize20)}
.procate30 .item .item-box{padding:15px}
.procate30 .item .item-box .info{line-height:1.6}
.procate31 li{margin-top:25px;width:49%}
.procate32 li{margin-top:25px;width:49%}
}
@media screen and (max-width:500px){.procate2 .list{height:auto;padding:0}
.procate2 .list::before{display:none}
.procate2 .list li{width:32%;margin:10px 0}
.procate3{padding:60px 0 40px}
.procate8 .procate8swiper2{width:100%}
.procate8 .procate8swiper1 .swiper-slide{border-radius:10px;padding:20px}
.procate9 ul li{border-radius:0 20px 0 20px}
.procate9 ul li .title{padding:15px 20px}
.procate10::before{height:80%}
.procate11 .img iframe{height:auto}
.procate11 .list li .icon{width:50px;height:50px;top:-30px;left:25px}
.gummies-procate5 .bottom{padding:20px;margin-top:30px}
.procate13 .box{padding-left:0;margin-top:50px}
.procate13 .procate13swiper-pagination{position:static;flex-direction:row;width:100%;margin-bottom:20px}
.procate13 .procate13swiper-pagination .swiper-pagination-bullet{margin:0 10px}
.procate13 .swiper-slide .info{margin-top:10px}
.procate13 .swiper-slide .info .tit{font-size:var(--fontsize20)}
.procate13 .swiper-slide .info .txt{margin-top:10px}
.procate13 .swiper-slide .info .more{margin-top:20px}
.procate-faqlist li{border-radius:20px}
.procate-faqlist li .title{padding:14px}
.procate-faqlist li .txt{padding:0 14px 14px 55px}
.procate14 .left{width:100%;margin-bottom:20px}
.procate14 .right{width:100%}
.procate16{padding-top:120px}
.procate16 .list li{width:100%;padding:20px}
.procate16 .bottom{border-radius:20px}
.procate16 .bottom .more{margin-top:25px}
.procate17 li{aspect-ratio:auto}
.procate17 li img{max-width:50%}
.procate18 .list li{width:48%}
.procate18 .img iframe{height:auto}
.procate19 .btn{margin-top:30px;font-size:var(--fontsize14)}
.procate19 .btn .more{padding:0 16px}
.procate15 .info .more{font-size:var(--fontsize14)}
.procate20 .bottom .list{margin-top:0}
.procate20 .bottom li{width:100%;margin-top:25px}
.procate20 .bottom .num{right:18%}
.procate21 li .info-box{padding-left:15px;padding-bottom:15px}
.procate21 li .info{padding:20px}
.procate22 li{width:100%;min-height:auto}
.procate22 li .info{margin-top:6%}
.procate23 li{width:100%}
.procate24 li .img img{max-width:100%}
.procate25{padding:40px 0}
.procate27 .item{padding:20px;border-radius:10px;background-position:center}
.procate27 .item .btn .more{height:42px;padding:0 16px}
.marshall-procate13{padding:40px 0}
.procate28 .item{width:48%}
.procate28 .item .tit{color:#ff3de0}
.procate30 .item .img{width:100%}
.procate30 .item .info{width:100%;margin-top:20px}
.procate31 li{width:100%}
}
.protype-main .protypefeedback{padding:0}
.prohome2{padding:80px 0 120px}
.prohome2::before{background-image:url(/uploads/43960/page/p20250812133831030fe.webp)}
.prohome2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.prohome2 li{width:32%;border-radius:20px;overflow:hidden;background-color:#fff;margin-top:50px;transition:all .2s linear}
.prohome2 li .info{padding:30px}
.prohome2 li .info .tit{color:#111;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.prohome2 li .info .txt{color:#555;margin-top:6px}
.prohome2 li:hover{transform:translateY(-5px)}
.prohome2 .pro-title{color:#fff}
.prohome3{padding:80px 0}
.prohome3 .box{display:flex;align-items:center;flex-wrap:wrap}
.prohome3 .img{width:44%;position:relative;z-index:1}
.prohome3 .info{width:calc(56% - 24px);border-radius:0 30px 30px 0;padding:50px 60px;position:relative;z-index:3}
.prohome3 .info::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:0 30px 30px 0;background-color:#ffecfc;z-index:-1}
.prohome3 .info::before{content:"";position:absolute;right:-24px;bottom:-30px;width:calc(100% + 20px);height:100%;border-radius:0 30px 30px 0;border:4px dashed var(--color);border-left:none;z-index:-1}
.prohome3 .pro-title{text-align:left}
.prohome3 .pro-dev{justify-content:flex-start}
.prohome3 .txt{color:#555}
.prohome3 .btn{display:flex;align-items:center;flex-wrap:wrap}
.prohome3 .btn .more{height:52px;padding:0 30px;border-radius:30px;color:#fff;background-color:#ff679a;display:inline-flex;align-items:center;justify-content:center;margin-top:20px;margin-right:20px;transition:all .2s linear}
.prohome3 .btn .more:hover{background-color:var(--color)}
.prohome4::before{background-image:url(/uploads/43960/page/p20250812133845b1c6c.webp)}
.prohome4 .pro-title{color:#fff}
.prohome4 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.prohome4 li{width:23%;position:relative;z-index:1;display:flex;margin-top:40px}
.prohome4 li .info{background-color:#f7f7f7;border-radius:30px 30px 187px 187px;text-align:center;padding:40px 14px 60px;height:524px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s linear}
.prohome4 li .tit{font-size:var(--fontsize22);font-weight:var(--fontbold6);line-height:1.4;margin-bottom:16px;transition:all .2s linear}
.prohome4 li em{font-size:70px;color:#ff5de7;transition:all .2s linear}
.prohome4 li .txt{flex:1;transition:all .2s linear}
.prohome4 li .more{height:40px;padding:0 30px;background-color:var(--color);border-radius:20px;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;margin-top:20px}
.prohome4 li::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/uploads/43960/page/p20250812133855b312c.webp);background-repeat:no-repeat;background-size:contain;z-index:-1;opacity:0}
.prohome4 li:hover{align-items:flex-end}
.prohome4 li:hover em{position:absolute;left:50%;top:40px;transform:translateX(-50%);color:#fff}
.prohome4 li:hover::before{opacity:1}
.prohome4 li:hover .info{height:340px;padding:20px 14px 40px}
.prohome4 li:hover .tit{color:var(--color)}
.prohome4 li:hover .more{background-color:#875ed4}
@media screen and (max-width:1280px){.prohome4 li{width:48%}
}
@media screen and (max-width:1024px){.prohome2{padding:40px 0 80px}
.prohome3{padding:40px 0}
.prohome3 .img{width:100%}
.prohome3 .info{width:100%;padding:20px}
.prohome3 .info::before{display:none}
.prohome4 li{margin-top:25px}
}
@media screen and (max-width:500px){.prohome2 li{margin-top:25px;width:100%}
.prohome2 li .info{padding:15px}
.prohome4 li{width:100%}
.prohome4 li::before{display:none}
.prohome4 li .info{height:auto;padding:20px;border-radius:20px 20px 50px 50px}
.prohome4 li .tit{font-size:var(--fontsize20)}
.prohome4 li:hover em{position:static;transform:translateX(0);color:var(--color)}
.prohome4 li:hover .info{height:auto}
}
.procate6 .item .img{position:relative;overflow:hidden}
.procate6 .item .img::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1}
.procate6 .item .img .title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:10px;color:#fff;text-align:center;z-index:2;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.procate11 .img{border-radius:10px;overflow:hidden}
.procate2 .list li img{transition:all .2s linear}
.procate2 .list li:hover img{transform:scale(.95)}
.procate-faqlist li.act .txt{display:block}
.spicy-procate15 .info .txt{font-size:var(--fontsize18)}
.spicy-procate15 .info .txt .tit{margin-top:20px}
.procate12 .info .tit{font-size:var(--fontsize18);margin-top:20px;position:relative}
.procate12 .info .tit em{width:24px;height:24px;border-radius:50%;color:#fff;background-color:#ff679a;box-shadow:0 5px 9px 0 rgba(18,0,15,.15);display:inline-flex;align-items:center;justify-content:center;position:absolute;left:-40px;top:4px;font-size:var(--fontsize14)}
.procate12 .info{padding-left:40px}
.procate15 .info .txt .tit{margin-top:20px}
.procate15 .info .txt .tit{font-size:var(--fontsize18)}
.procate32 .swiper-slide .tit{text-align: center;margin-top: 20px;}
.procate32 .box{margin-top: 40px;}
.procate32 .box .procate32swiper-pagination{margin-top: 30px;display: flex;justify-content: center;}
.procate32 .box .procate32swiper-pagination .swiper-pagination-bullet{background-color: var(--color);}
.prohomet46-box .prohomet46swiper .swiper-slide .tit{text-align:center;margin-top:10px}
.prohomet46-box .prohomet46swiper-pagination{display:flex;justify-content:center;margin-top:20px}
.prohomet46-box .prohomet46swiper-pagination .swiper-pagination-bullet{background-color:var(--color)}
.prohomet46-dialog{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:9999;display:none}
.prohomet46-dialog .prohomet46-img{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
.prohomet46-dialog .prohomet46-img img{max-width:100%;max-height:100%;width:100%}
.protype-main .procate12 .box{margin: 0;margin-top: 30px;}
.protype-main .procate12 .info{width: 48%;padding-left: 0;height: 360px;overflow: auto;transform: translateY(-30px);padding-right: 15px;}
@media (min-width: 1025px) {.protype-main .procate12 .info::-webkit-scrollbar-thumb{background: #979797 !important;}}
.protype-main .procate12 .img{width: 48%;}
.protype-main .procate12 .box{max-width:100%}
@media screen and (max-width:1024px) {
.protype-main .procate12 .info{width: 100%;margin-top: 20px;}
.protype-main .procate12 .img{width: 100%;}
.protype-main .procate12 {padding-bottom: 70px;}}
@media screen and (max-width:500px) {
.protype-main .procate12 .info{font-size: 14px;}
.kche-t46 .kche-item-img{max-width:100%}
.protype-main .procate12{padding-bottom: 110px;}}
.page-title{font-size:28px}
.module1{display:flex;align-items:center;justify-content:space-between;padding:5% 0 25px}
.module1 .page-title{text-align:left}
.module1-left{width:52%;background:#efefea;border-radius:10px;position:relative;overflow:hidden}
.module1-text{color:#555;line-height:30px;margin-top:30px}
.module1-left img{width:100%;object-fit:cover;aspect-ratio:1.8/1}
.module1-left p{position:absolute;width:100%;bottom:0;background:#0000006b;color:#fff;padding:12px 0;text-align:center}
.module1-right{flex:1;padding-left:3%}
.module2{position: relative;z-index: 3;}
.module2::after{position: absolute;content: '';left: 50%;bottom: 0;transform: translateX(-50%);max-width: 1920px;width: 100vw;height: 70%;z-index: -1;background: #CBFAFF;}
.module2.procate-bg::before{background-image:url(/Content/uploads/20251140170/202511051038126f39ee37639544158401366aad3a6cd3.webp)}
.module2 .module-head{padding-top:140px}
.module2 .page-dev{text-align:center}
.module2-itme{display:flex;justify-content:space-between;margin-top:100px}
.module2-box{background:#fff;border-radius:20px;width:23.5%;padding:75px 25px 30px;text-align:center;position:relative;transition:all .3s ease-in-out}
.module2-icon{width:100px;height:100px;position:absolute;top:-45px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;background:#ffa2f18a;border-radius:100%;transition:all .3s ease-in-out}
.module2-ic{width:85px;height:85px;background:#ff5de7;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}
.module2-ic em{font-size:42px;width:42px;color:#fff;line-height:1}
.module2-text .p1{font-size:22px;color:#0b1b2b;line-height:30px;font-weight:700}
.module2-text .p2{color:#555;line-height:26px;margin-top:15px}
.module2-box:hover{background:url(/Content/uploads/20251140170/202511051038129ddaff737679465d9c533c87e1cb44a6.webp) center no-repeat;background-size:cover}
.module2-box:hover .module2-text p{color:#fff}
.module2-box:hover .module2-icon{width:120px;height:120px;background:#ffffffbf}
.module2-box:hover .module2-ic{background:#fff}
.module2-box:hover .module2-ic em{color:#ff5de7}
.module3{padding-top:5%}
.module3 .page-dev{text-align:center}
.module3 .module-head{margin-bottom:50px}
.module4::before{background-image:url(/Content/uploads/20251140170/20251105103811c8c7f161f7ec4a3b8df86500861ce5f5.png);background-size:100% 100%}
.module4 .pro-des{color:#fff;line-height:26px}
@media (max-width:1640px) {.module2.procate-bg::before{background-size: contain;}}
@media (max-width:1420px) {.module2 .module-head {padding-top: 80px;}
.module2-ic {width: 65px;height: 65px;}
.module2-ic em{font-size: 30px;width: 30px;}
.module2-icon{width: 80px;height: 80px;top: -40px;}
.module2-box:hover .module2-icon{width: 85px;height: 85px;}
.module2-text .p1{font-size: 20px;}}
@media (max-width:1024px) {.module1{flex-direction: column;}
.module1-left{width: 100%;}
.module1-right{padding-left: 0;margin-top: 25px;}
.module2-itme{margin-top: 20px;flex-wrap: wrap;}
.module2-box{width: 49.5%;margin-top: 50px;padding: 55px 25px 30px;}
.module2-text .p2{margin-top: 5px;}
.module2::after{height: 100%;}}
@media (max-width:768px) {.module1 .page-title,.page-title{font-size: 24px;}
.module1-text{margin-top: 15px;}
.module2 .module-head {padding-top: 0px;}
.module2-box {width: 100%;margin-top: 50px;}}
.pro-list li .pro-img{background: #ffffff;}
.pro-list.list0 li{border: none;}
.pro-list.list0 li:hover .pro-img{background: #FBE9ED;}
.wmkcprocate3swiper .wmkcprocate3swiper-pagination{position: absolute;display: flex;justify-content: center;width: 100%;left: 0;bottom: 20px;z-index: 4;}
.wmkcprocate3swiper .swiper-slide{height:auto;display: flex;align-items: center;}
.wmpage177-page1 .wmpage177-page1-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage177-page1 .wmpage177-page1-list .wmpage177-page1-item{width:24%;filter:drop-shadow(0 7px 20px rgba(92, 92, 92, .1));background-color:#fff;padding:40px;position:relative;z-index:1}
.wmpage177-page1 .wmpage177-page1-list .wmpage177-page1-item::before{position:absolute;content:'';width:100%;height:4px;background:var(--color);left:0;bottom:0;transition:all .3s linear;z-index:-1}
.wmpage177-page1 .wmpage177-page1-list .wmpage177-page1-item:hover:before{height:100%}
.wmpage177-page1 .wmpage177-page1-item .wmpage177-page1-icon em{color: var(--color);font-size: var(--wmpage-font42);transition: all .2s linear;width: var(--wmpage-font42);display: block;line-height: 1;}
.wmpage177-page1 .wmpage177-page1-item .wmpage177-page1-title{color:var(--wmpage-color22);font-size:var(--wmpage-font20);font-weight:var(--fontbold7);margin:5px 0;transition:all .2s linear}
.wmpage177-page1 .wmpage177-page1-item .wmpage177-page1-info{color:var(--wmpage-color8)}
.wmpage177-page1 .wmpage177-page1-item:hover .wmpage177-page1-icon em,.wmpage177-page1 .wmpage177-page1-item:hover .wmpage177-page1-info,.wmpage177-page1 .wmpage177-page1-item:hover .wmpage177-page1-title{color:#fff}
@media (max-width:1024px){.wmpage177-page1 .wmpage177-page1-list .wmpage177-page1-item{width:50%}
}
@media (max-width:768px){.wmpage177-page1 .wmpage177-page1-list .wmpage177-page1-item{width:100%}
}