@import url(https://js01.v15cdn.com/single-template/public.css);
/* .wmpage206-page3-title{text-align:center}
.wmpage206-page3-span{justify-content:center}
.wmpage206-page3-title .wmpage-title{margin:15px auto 10px !important}
.wmpage206-page3-dev{font-size:74px;font-weight:900;line-height:1;background-image:linear-gradient(180deg,#cfcfcfb3 0,#e2e8fa00 88.54%);-webkit-text-fill-color:transparent;background-clip:text;margin:-.55em 0 -.45em -.25em}
.wmpage206-page3-span{display:flex;align-items:center;position:relative;font-size:16px;font-weight:600;color:var(--color);text-transform:uppercase;line-height:24px}
.wmpage206-page3-title .wmpage-title{text-align: left;line-height:1.35;margin:15px 0 10px;color:#000;text-align: center;}
.wmpage206-page3-title .wmpage-title b{color:var(--color)}
.wmpage206-page3-con{display:flex;justify-content:space-between}
.wmpage206-page3-col{position:relative}
.wmpage206-page3-text{position:absolute;width:100%;bottom:0;padding:30px 25px;background:linear-gradient(0deg,#000000c4,#68686861);height:auto;display:flex;flex-direction:column;justify-content:end;transition:all .5s ease-in-out}
.wmpage206-page3-text p:nth-of-type(1){  color: #fff;line-height:1;margin-bottom:10px}
.wmpage206-page3-text p:nth-of-type(2){font-size:var(--wmpage-font20);color:#fff;line-height:1}
.wmpage206-page3-contant{margin-top:50px}
.wmpage206-page3-col img{width:100%}
.wmpage164page3Swiper{padding-bottom:50px}
.wmpage206-page3-col:hover .wmpage206-page3-text{height:100%}
@media (max-width:1024px){.wmpage206-page3-btn a{font-size:var(--wmpage-font14);line-height:1}
.wmpage206-page3-text p:nth-of-type(2){font-size:var(--wmpage-font24)}}
@media (max-width:1024px){.wmpage206-page3-contant{margin-top:30px}
.wmpage206-page3-text{padding:20px}
.wmpage206-page3-text p:nth-of-type(2){font-size:var(--wmpage-font20)}
} */

.home-cate{padding:2% 0}
.home-cate .list{display:grid;grid-template-columns:repeat(8,1fr);gap:20px}
.home-cate .list li{width:100%;display:flex;flex-direction:column;align-items:center}
.home-cate .list li img{aspect-ratio:1/1;cursor:pointer;width:60px;margin:0 auto;margin-bottom:20px}
.home-cate .list li .desc{color:rgba(0,0,0,.4)}
@media (max-width:1024px){.home-cate .list{grid-template-columns:repeat(4,1fr)}
}@media (max-width:500px){.home-cate .list{grid-template-columns:repeat(2,1fr)}
}.wmpage206page3Swiper{overflow:hidden}
.wmpage206page3Swiper .swiper-slide  a{display: inline-block; }
.wmpage206page3Swiper .swiper-pagination{position:unset;margin-top:10px}
.home-cate{padding:2% 0}
.home-cate .list{display:grid;grid-template-columns:repeat(8,1fr);gap:20px}
.home-cate .list li{width:100%;display:flex;flex-direction:column;align-items:center}
.home-cate .list li img{aspect-ratio:1/1;cursor:pointer;width:60px;margin:0 auto;margin-bottom:20px}
.home-cate .list li .desc{color:rgba(0,0,0,.4)}
@media (max-width:1024px){.home-cate .list{grid-template-columns:repeat(4,1fr)}
}@media (max-width:500px){.home-cate .list{grid-template-columns:repeat(2,1fr)}
}.wmpage206page3Swiper{overflow:hidden}
.wmpage206page3Swiper .swiper-slide  a{display:inline-block;color:#fff}
.home-cate {padding-top: 5%;}
.home-cate .list li .desc{text-align: center;}
.hot{background: #FCFCFC;padding-top:8%;}
.hot .container{max-width:1800px}
.wmpage206page3Swiper .swiper-slide:hover{box-shadow: 0px 5px 10px rgba(0, 0, 0, .3);}



.home-about .about-top,.home-about .about-bot{display:flex;position: relative;flex-wrap:wrap;justify-content: space-between;align-items: flex-end;padding-left:10%;}
.home-about .about-top .about-yinhao{position: absolute;top:50%;transform: translateY(-50%);left: -5%;max-width:11%;}
.home-about .about-top .about-top-left{width:42%;}
.home-about .about-top .iframe-container{position:relative;height:0;padding-bottom:56.25%;border-top-left-radius: 25px;overflow: hidden;border-top-right-radius: 25px;border-bottom-left-radius: 25px;z-index:2}
.home-about .about-top .iframe-container iframe{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;width:100%;min-height: inherit;}
.home-about .about-top .about-top-right{width:58%;padding-left:5%;padding-bottom:3%;}
.home-about .about-top .about-tit{font-size: 30px;font-weight: var(--fontbold7);color:#555;}
.home-about .about-top .about-des{color: #555;margin:20px 0 30px;line-height: 1.8;}
.home-about .about-top .about-more{text-align:right}
.home-about .about-top .about-more a{display:inline-flex;align-items: center;color:#7a7b7c;transition: all .3s;}
.home-about .about-top .about-more a img{margin-left:10px;}
.home-about .about-top .about-more a:hover{color:var(--color);}
.home-about .about-bot .about-letter{position: absolute;left: -5%;top: -11%;z-index: -1;max-width: 50.5%;}
.home-about .about-bot .about-bot-left{padding-right:5%;width:42%;text-align: end;padding-bottom:3%;}
.home-about .about-bot .about-bot-left .about-company{font-weight:var(--fontbold7);color:#555;font-size:var(--fontsize18);position:relative}
.home-about .about-bot .about-bot-left .about-company:before{content: '';width:60%;height: 1px;display:inline-block;position: absolute;left:-46%;top:50%;transform: translateY(-50%);background: #bbb;}
.home-about .about-bot .about-bot-left .about-year{font-size:50px;font-weight: var(--fontbold7);color:#999;}
.home-about .about-bot .about-bot-left .about-year span{color:var(--color)}
.home-about .about-bot .about-bot-right{width: 58%;}
.home-about .about-bot .about-bot-right .img{border-top-right-radius: 25px;overflow: hidden;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
@media (max-width:1500px){.home-about .about-top .about-yinhao{left:0;max-width:7%;}
.home-about .about-bot .about-letter{position: absolute;left: 0;top: -4%;z-index: -1;max-width: 47.5%;}
.home-about .about-bot .about-bot-left .about-company:before{width:40%;left:-30%;}
.home-about .about-top .about-des{margin:10px 0 20px;}
.home-about .about-top .about-tit{font-size:28px}}
@media (max-width:768px){.home-about .about-top .about-yinhao,.home-about .about-bot .about-letter{display:none;}
.home-about .about-top, .home-about .about-bot{padding-left:0;}
.home-about .about-top .about-top-left,.home-about .about-bot .about-bot-right{width:100%;}
.home-about .about-top .about-top-right,.home-about .about-bot .about-bot-left{width:100%;padding:20px 0;}
.home-about .about-top .about-tit{font-size:22px}
.home-about .about-bot{flex-direction: column-reverse;}
.home-about .about-bot .about-bot-left .about-company:before{display:none;}}
@media (max-width:550px){.home-about{padding:30px 0;}
.home-about .about-bot .about-bot-left .about-company{font-size:var(--fontsize16)}
.home-about .about-bot .about-bot-left .about-year{font-size:30px;}}
.home-cate .list li .img-box{padding:20px;border-radius:50%;margin-bottom: 20px;}
.home-cate .list li img{margin-bottom:0}
.home-cate .list li:hover .img-box{background:var(--color);}
.home-cate .list li:hover .img-box img{filter:invert(100%)}
.home-about .about-top{align-items:stretch}
.home-about .about-top .iframe-container{height:100%}
.hotproduct{overflow:hidden;background:#fcfcfc;padding:5% 0}
.hotproduct .hotprocate{margin:3% 0;}
.hotproduct-l{width:23%}
.hotproduct-r{padding:0 5px;width:77%;position:relative;overflow:hidden}
@media(max-width:1367px){.hotproduct-l{width:25%}
.hotproduct-r{width:75%}
}@media(max-width:1024px){.hotproduct-l,.hotproduct-r{width:100%}
.hotproduct-l{padding-bottom:6%}
.hotproduct-l{padding-right:0px}
}@media(max-width:768px){.hotproduct .hotprocate{margin:20px 0;}
.hotproduct-l .home-more{display:none}
.hotproduct-l .home-title{text-align:center}
}#indproduct .hotproduct-r{width:100%}
.hotproduct .container.flex{display:block;margin:0 auto}
.hotproduct .hotproduct-l,.hotproduct-r{width:100%;margin-right:0}
.hotpro-list li>a{text-align:center;border:1px solid #004d8c;height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.hotproduct .home-title{text-align:center;color:var(--fontcolor)}
.hotproduct .hotprocate{display:flex;align-items:center;justify-content:center;width:100%;padding-right:0}
.hotprocate li{padding:10px 0;flex:1;text-align:center;border:1px solid #DEDEDE;border-radius:27px;margin-right:2%;color:#666;font-size:18px;}
.hotprocate li:last-child{margin-right:0}
.hotprocate{border-left:none}
.hotprocate .hotprocate-act{background:#004d8c;color:#fff !important}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:unset}
.hotprocate li::before{display:none}
.hotproduct .swiper-wrapper{align-items:stretch}
.hotpro-list li{margin-bottom:0 !important;height:auto !important}
@media (max-width:768px){.hotproduct .hotprocate{flex-wrap:wrap}
.hotprocate li{width:48%;flex:unset;margin-bottom:2%}
}@media (max-width:768px){.home-animal,.hotproduct,.home-page .news,.about,.home-customer-said{padding:40px 0}
}.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list{display:flex;flex-wrap:wrap;transition:transform .8s ease-in-out,opacity .2s ease-in-out;transform:scale(0);position:absolute;top:0px;left:0px;opacity:0}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li{width:32%;margin:0px 20px 20px 0px}
@media(max-width:1366px){.hotpro-list li{width:31%}
}.hotpro-list li>a{display:block;overflow:hidden;position:relative}
.hotpro-list li:nth-child(3n){margin-right:0px}
.hotpro-list li:nth-child(n+4){margin-bottom:0px}
.hotpro-list li:hover img{transform:scale(1.05)}
@media (max-width:1024px){.home-animal .lists{grid-template-columns:repeat(2,1fr)}
}.hotpro-list-act{transform:scale(1);position:static;opacity:1}
.hotpro-list li>a{text-align:center;border:1px solid #004d8c;height:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}
.hotpro-list li>a .hotpro-img{overflow: hidden;}
.hotpro-list li{margin-bottom:0 !important;height:auto !important}
.hotproduct .home-title{font-size:30px}
.hotprocate li{cursor: pointer;}

.hotproduct .home-title{margin:15px auto 10px !important;text-align:center}
.hotproduct .home-title p:nth-child(1){font-size:100px;font-weight:900;line-height:1;background-image:linear-gradient(180deg,#cfcfcfb3 0,#e2e8fa00 88.54%);-webkit-text-fill-color:transparent;background-clip:text;margin:-.55em 0 -.45em -.25em}
.hotproduct .home-title p:nth-child(2){display:flex;align-items:center;position:relative;font-size:16px;font-weight:600;color:var(--color);text-transform:uppercase;line-height:24px;justify-content: center;}
.hotproduct .home-des{text-align: center;font-weight:var(--fontbold7);font-size:20px;margin:10px 0;}
.hotproduct .hotpro-box{position:absolute;width:100%;bottom:0;padding:20px 15px;background:linear-gradient(0deg,#000000c4,#68686861);height:auto;display:flex;flex-direction:column;justify-content:end;transition:all .5s ease-in-out;color:#fff;text-align: left;}
@media (max-width:768px){.hotproduct .home-title p:nth-child(1){font-size:60px;}
.hotproduct .home-title p:nth-child(2){font-size:14px}
.hotprocate li{padding:5px;font-size:16px;}}
     .home-application .wmpage29-contant{position:relative}
.home-application .wmpage29-indexbg{overflow:hidden;width:100%;z-index:1;position:relative}
.home-application .wmpage29-indexbg div{width:100%;height:100%;display:none}
.home-application .wmpage29-indexbg:before{content:'';width:100%;height:100%;display:block;background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;z-index:1}
.home-application .wmpage29-indexbg div img{opacity:0;width:100%;display:block;transition:all 2.6s cubic-bezier(.215,.61,.355,1) 0s}
.home-application .wmpage29-indexbg div.imgon{opacity:1;z-index:10;display:block !important}
.home-application .wmpage29-bgad.imgon img{opacity:1 !important;transform:scale(1.08,1.08)}
.home-application .wmpage29-contant .inner{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.home-application .inner .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}
.home-application .inner .l-wrap .wm-left{width:20%}
.home-application .inner .l-wrap .wm-left .item p{color:#fff;cursor:pointer;font-size:26px;padding:20px 0;text-transform:capitalize}
.home-application .inner .l-wrap .wm-left .item p:after{content:'';width:100%;height:3px;background:transparent;display:block;margin-top:10px}
.home-application .inner .l-wrap .wm-left .item p.active:after{background:#fff}
.home-application .inner .l-wrap .wmpage29-appli{width:60%}
.home-application .inner .l-wrap .title-box{width:100%;margin-bottom:5%;transform:translateY(-50%)}
.home-application .inner .l-wrap .title-box .home-des{color:var(--color);margin-bottom:0;font-family:cursive;font-size:30px}
.home-application .inner .l-wrap .title-box .home-title{color:#fff}
.home-application .wmpage29-contant .swiper-slide{display:none;color:#fff}
.home-application .wmpage29-contant .swiper-slide.active{display:block}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:36px;text-transform:uppercase;font-weight:var(--fontbold7);line-height:1.1}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2{font-size:20px;margin:20px 0}
.home-application .wmpage29-contant .swiper-slide .more a{font-size:18px;padding:7px 20px;border:2px solid #fff;display:inline-block;transition:all .3s;color:#fff;border-radius:5px;text-transform:capitalize}
.home-application .wmpage29-contant .swiper-slide .more a:hover{background:#fff;color:var(--fontcolor)}
@media (min-width:1025px){.home-application .inner .l-wrap .title-box .home-title{font-size:52px}}
@media (max-width:1440px){.home-application .inner .l-wrap .wm-left .item p{padding:15px 0}
.home-application .inner .l-wrap .wm-left{width:22%}
.home-application .inner .l-wrap .title-box{transform:inherit}
.home-application .inner .l-wrap .wm-left .item p{font-size:24px}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2{font-size:18px}}
@media (max-width:1024px){.home-application .inner .l-wrap .title-box .home-des{font-size:22px}
.home-application .inner .l-wrap .wm-left{width:100%}
.home-application .inner .l-wrap .wm-left .item{display:flex;justify-content:space-between}
.home-application .inner .l-wrap .wm-left .item p{padding:10px 0;font-size:18px;width:33.33%;text-align:center}
.home-application .inner .l-wrap .wmpage29-appli{width:100%;margin-top:20px}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2,.wmpage29-contant .swiper-slide .more a{font-size:16px}
.home-application .inner .l-wrap .title-box{margin-bottom:20px}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:32px}}
@media (max-width:768px){.home-application .wmpage29-indexbg div img{height:80vw;object-fit:cover}}
@media (max-width:550px){.home-application .wmpage29-indexbg div img{height:150vw}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid2{margin:10px 0;line-height:1.4}
.home-application .inner .l-wrap .wm-left .item p{font-size:16px;padding:0 5px;min-height:60px;position:relative}
.home-application .inner .l-wrap .wm-left .item p:after{position:absolute;bottom:0}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:26px}
.home-application .wmpage29-contant .swiper-slide .more a{padding-top:5px;padding-bottom:5px}}
@media (max-width:350px){.home-application .wmpage29-indexbg div img{height:200vw}}
.home-application .inner .l-wrap .title-box{margin:3% 0 3%}
.home-application .wmpage29-contant .wmpage29-indexbg{max-height:800px}
.home-application .wmpage29-indexbg div.wmpage29-bgad{min-height:700px}
.home-application .wmpage29-indexbg div.wmpage29-bgad:nth-of-type(3){background:url(/Content/uploads/2025846719/20251015161905b267bf641d344d7fb09cb79b7f8316ed.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:40px 0;background-color:#00000018;background-blend-mode:multiply}
.home-application .wmpage29-indexbg div.wmpage29-bgad:nth-of-type(2){background:url(/Content/uploads/2025846719/20251015161905c83408980f3c42ecaef556451abef52e.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:40px 0;background-color:#00000018;background-blend-mode:multiply}
.home-application .wmpage29-indexbg div.wmpage29-bgad:nth-of-type(1){background:url(/Content/uploads/2025846719/20251015161904e31ed6d44f6944298b722d048ac287d6.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:40px 0;background-color:#00000018;background-blend-mode:multiply}
.home-application .wmpage29-indexbg div.wmpage29-bgad:nth-of-type(4){background:url(/Content/uploads/2025846719/202510151619089e4152f9688840529a330ae8a20545df.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:40px 0;background-color:#00000018;background-blend-mode:multiply}
.home-application .wmpage29-indexbg div.wmpage29-bgad:nth-of-type(5){background:url(/Content/uploads/2025846719/20251015161907f85b9a2e5c5946a69816a085bc662f0c.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:40px 0;background-color:#00000018;background-blend-mode:multiply}
.home-application .home-title{text-align:center}
@media (max-width:1024px){.home-application .inner .l-wrap{padding:0 20px;}
.home-application .inner .l-wrap .title-box .home-title{font-size:30px}
.home-application .wmpage29-contant .swiper-slide .wmpage29-mid1{font-size:26px;}}
@media (max-width:768px){.home-application .inner .l-wrap .title-box .home-title{font-size:30px}
.home-application .inner .l-wrap .wm-left .item{flex-wrap:wrap;}
.home-application .inner .l-wrap .wm-left .item p{width:100%;display:flex;flex-wrap: wrap;justify-content:center;align-items:center}}