@import url(https://js01.v15cdn.com/single-template/public.css);
:root {--color: #000000;--hoverbgcolor:#bfbfbf;}
.news .newstitle{text-align:center}
.news{background:initial}
.home-more:hover{background:var(--hoverbgcolor)}
.about .swiper-button-next:hover, .about .swiper-button-prev:hover{background:var(--hoverbgcolor)}
.home-animal{padding:5% 0;overflow:hidden}
.home-animal .container{max-width:1400px;}
.home-animal .lists{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.home-animal .lists li{width:100%;box-shadow:-0px 7px 13px 0 rgba(108,157,198,0.38);border-radius:12px;display:flex;flex-direction:column;align-items:center}
.home-animal .lists li .desc{font-size:20px;color:#004d8c;margin:2% 0;font-weight:600}
.home-animal .lists li img{aspect-ratio:1.2/1;object-fit:cover}
.home-animal .lists li a{font-size:18px;color:#004d8c;margin-bottom:2%}
@media (max-width:1600px){.home-animal .container{max-width:1200px;}}
@media (max-width:1440px){.home-animal .container{max-width:1000px;}}
.home-customer-said{background-image:url(/Content/uploads/2025786528/202506131732142a94eaebcbee4a1193272db6e26164bc.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:10% 0;background-size: cover;background-color: #00000080;background-blend-mode: multiply;}
.wmpage97-page5 .wmpage-title{text-align:center;color:#fff;}
.wmpage97-page5 .wmpage97-page4-desc{text-align:center;color:#fff;margin:0 20%;margin-top:20px;background:#ffffff73;padding:2%;display:flex;align-items:center;justify-content:center}
.wmpage97-page5 .wmpage97-page4-desc img{max-width:100px;margin-right:10px}
.wmpage97-page5 .wmpage97-page4-btn{display:flex;align-items:center;justify-content:center;margin-top:25px}
.wmpage97-page5 .wmpage97-page4-btn .wmpage97-page4-more{background-color:var(--color);color:#fff;padding:12px 40px;line-height:1;border-radius:30px;font-weight:var(--fontbold5);transition:all .2s ease-in;position:relative;overflow:hidden}
.wmpage97-page5 .wmpage97-page4-btn .wmpage97-page4-more::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);opacity:0;transition:all .2s ease-in}
.wmpage97-page5 .wmpage97-page4-btn .wmpage97-page4-more:hover{padding:12px 38px}
.wmpage97-page5 .wmpage97-page4-btn .wmpage97-page4-more:hover::after{opacity:1}
@media screen and (max-width:768px){.wmpage97-page5 .wmpage97-page4-desc{font-size:var(--wmpage-font16);margin:20px 20px 0 20px}
.home-animal .lists li .desc{font-size:var(--fontsize18);margin:5px 0;}
.home-animal .lists li a{font-size:var(--fontsize16);margin-bottom:5px;}}
.hotproduct{overflow:hidden;background: #fcfcfc;padding:5% 0;}
.hotproduct .hotprocate{margin-top:20px;}
.hotproduct-l{width:23%;}
.hotproduct-r{width:77%;position:relative;overflow:hidden}
.hotprocate{border-left:1px solid #BFBFBF;margin:10px 0px 30px;padding-right:10%}
.hotprocate li{padding:10px 0px 10px 20px;position:relative;font-size:var(--fontsize16);color:var(--fontcolor);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-in-out}
.hotprocate li::before{content:'';width:2px;height:100%;position:absolute;top:0px;left:0px;background:var(--color);opacity:0;transition:all .2s ease-in-out}
.hotprocate .hotprocate-act::before,.hotprocate li:hover::before{opacity:1}
.hotprocate .hotprocate-act,.hotprocate li:hover{color:var(--color)}
@media(max-width:1367px){.hotproduct-l{width:25%}
.hotproduct-r{width:75%}}
@media(max-width:1024px){.hotpro-list li{width:49%;margin-right:2%}
.hotpro-list li:nth-child(3n){margin-right:2%}
.hotpro-list li:nth-child(2n){margin-right:0px}
.hotprocate{padding-right:0px}
.hotproduct-l,.hotproduct-r{width:100%}
.hotproduct-l{padding-bottom:6%}
.hotproduct-l{padding-right:0px}}
@media(max-width:768px){.hotproduct-l .home-more{display:none}
.hotproduct-l .home-title{text-align:center}
.hotprocate{display:none}}
@media(max-width:415px){.hotprocate li{left:-1px}
.hotprocate{margin:20px 0px}
.hotprocate li{margin-bottom:0px}}
.hotpro-list-act{transform:scale(1);position:static;opacity:1}
#indproduct .hotproduct-r{width:100%}
.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 .hotpro-box{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}
.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);}
.hotpro-box{width:100%;padding:2% 0;background:#004d8c;color:#fff;flex:1}
.hotproduct  .hotprocate{display:flex;align-items:center;justify-content:center;width:100%;padding-right:0}
.hotprocate li{flex:1;text-align:center;border:1px solid #DEDEDE;border-radius:27px;margin-right:2%;color:#666}
.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%}}
.wmpage119-page1 .page1-content{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage119-page1 .page1-img,.wmpage119-page1 .page1-text{width:48%}
.wmpage119-page1 .page1-img .img,.wmpage119-page1 .page1-img .img img{height:100%}
.wmpage119-page1 .page1-img .img img{border-radius:140px 0 140px 0}
.wmpage119-page1 .page1-img{position:relative;text-align:center;border-radius:5px;overflow:hidden}
.wmpage119-page1 .page1-list1{position:absolute;bottom:0;right:0;background:var(--color);color:#fff;padding:6%;border-radius:5px}
.wmpage119-page1 .page1-list-p{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);margin-bottom:6%}
.wmpage119-page1 .page1-li1{display:flex;justify-content:space-between;border-bottom:1px dashed #fff;padding:5% 0}
.wmpage119-page1 .page1-text-p1{font-weight:var(--fontbold6);color:var(--color);margin-bottom:6px}
.wmpage119-page1 .page1-text-p2{color:#555;line-height:2;margin:15px 0}
.wmpage119-page1 .page1-li2{display:flex;align-items:center;margin-bottom:14px}
.wmpage119-page1 .page1-li2 img{margin-right:10px}
.wmpage119-page1 em{color:var(--color);font-size:var(--wmpage-font22);margin-right:4px}
.wmpage119-page1 .page1-li2-p{color:#555}
.wmpage119-page1 .page1-text-btn{margin-top:30px}
.wmpage119-page1 .page1-text-btn a{color:#fff;background:#004d8c;padding:2% 5%;display:inline-block;transition:background .3s linear,color .3s linear;border-radius:35px;box-shadow:0 8px 16px 0 rgba(0,0,0,.3)}
.wmpage119-page1 .page1-text-btn a:hover{background:#fff;color:var(--color)}
@media (max-width:1024px){.wmpage119-page1 .page1-img,.wmpage119-page1 .page1-text{width:100%}
.wmpage119-page1 .page1-list1{padding:4%}}
@media (max-width:768px){.wmpage119-page1 .page1-text{margin-top:20%}}
@media (max-width:430px){.wmpage119-page1 .page1-list1{opacity:0}}
.home-weare{padding:4% 0}
.home-weare-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px}
.home-weare-list li{overflow:hidden;border-radius:10px;box-shadow:0 3px 10px 0 rgba(0,77,140,0.33)}
.home-weare-list li,.home-weare-list li img{width:100%}
@media (max-width:768px){.home-weare-list{grid-template-columns:repeat(2,1fr)}}
.home-page .news,.about,.home-customer-said{padding:5% 0;}
@media (max-width:768px){.home-animal,.hotproduct,.home-page .news,.about,.home-customer-said{padding: 40px 0;}}
.news h4{margin-bottom:0;}
.home-page .news .homenewslist{margin-top:20px}
@media (min-width:769px){.hotproduct .home-title,.wmpage119-page1 .wmpage-title,.home-tit,.wmpage97-page5 .wmpage-title,.news h4{font-size:34px !important}}
@media (min-width:769px) and (max-width:1440px){.hotproduct .home-title,.wmpage119-page1 .wmpage-title,.home-tit,.wmpage97-page5 .wmpage-title,.news h4{font-size:30px !important}}
@media (max-width:768px){.hotproduct .home-title,.wmpage119-page1 .wmpage-title,.home-tit,.wmpage97-page5 .wmpage-title,.news h4{font-size:var(--fontsize22) !important}}
.about .container{max-width: 1400px;}