@import url(https://js01.v15cdn.com/single-template/public.css);
.home-foottop { background-image: url(/uploads/43914/banner/2026082804185312d9e.jpg);}

.home-categories { padding: 40px 0; background: #f8f9fa; }
.home-categories .l-wrap { max-width: 1600px; margin: 0 auto; padding: 0 15px; }
.home-categories .cat-head { text-align: center; margin-bottom: 30px; }
.home-categories .cat-main-title { font-size: 2rem; font-weight: 700; color: #00204a; margin: 0 0 10px; }
.home-categories .cat-main-title::after { content: ""; display: block; width: 56px; height: 3px; background: #00D2D1; margin: 14px auto 0; border-radius: 2px; }
.home-categories .cat-main-sub { font-size: 1rem; color: #5b6b78; margin: 0; }
.home-categories .cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.home-categories .cat-card { position: relative; display: block; border-radius: 8px; overflow: hidden; aspect-ratio: 8 / 3; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform .3s, box-shadow .3s; }
.home-categories .cat-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.15); }
.home-categories .cat-text { position: absolute; top: 0; left: 0; width: 55%; height: 100%; padding: 22px 24px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; color: #fff; }
.home-categories .cat-title { font-size: 2.2rem; font-weight: 700; line-height: 1.1; margin-bottom: 4px; text-shadow: 0 2px 4px rgba(0,0,0,.15); }
.home-categories .cat-sub { font-size: 1rem; font-weight: 500; margin-bottom: 14px; opacity: .95; text-shadow: 0 1px 3px rgba(0,0,0,.15); }
.home-categories .cat-more { display: inline-flex; align-items: center; gap: 4px; padding: 5px 14px; background: rgba(80,80,80,.75); color: #fff; border-radius: 20px; text-decoration: none; font-size: .85rem; line-height: 1.2; transition: background .3s; }
.home-categories .cat-more:hover { background: rgba(60,60,60,.9); }
@media (max-width:1024px){.home-categories .cat-main-title{font-size:var(--fontsize26)}}
@media (max-width: 991px) {
  .home-categories .cat-grid { grid-template-columns: repeat(2, 1fr); }
  .home-categories .cat-title { font-size: 1.8rem; }
}
@media (max-width: 640px) {
  .home-categories .cat-grid { grid-template-columns: 1fr; }
  .home-categories .cat-title { font-size: 1.5rem; }
  .home-categories .cat-text { padding: 15px; }
  .home-categories .cat-sub{font-size:var(--fontsize15)}
}
#home-swiper .swiper-slide::after { display: none; }
#home-swiper .swiper-slide .banner-animate { display: none; }
.home-products .home-product-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-products .home-product-list>li{width:23.5%;margin-top:26px}
.home-products .home-product-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 24px rgba(0,32,74,.08);transition:all .25s linear;border:1px solid #eef2f7}
.home-products .home-product-item:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(0,32,74,.16)}
.home-products .home-product-item .img-wrap{display:block;position:relative}
.home-products .home-product-item .img-wrap img{width:100%;height:240px;object-fit:contain;background:#f7f9fc;display:block;transition:all .3s linear}
.home-products .home-product-item:hover .img-wrap img{transform:scale(1.05)}
.home-products .home-product-link{padding:16px 18px;background:#fff;border-top:1px solid #f0f3f7}
.home-products .home-product-name{font-size:var(--fontsize15);font-weight:var(--fontbold6);color:#00204a;line-height:1.5;min-height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-products .home-product-item:hover .home-product-name{color:var(--color)}
@media screen and (max-width:1024px){.home-products .home-product-list>li{width:48%}
.home-products .home-product-item .img-wrap img{height:220px}}
@media screen and (max-width:768px){.home-products .home-product-list>li{width:100%}
.home-products .home-product-item .img-wrap img{height:auto;max-height:200px}}
.home-choose{padding:4% 0;position:relative;z-index:1;background:url('/uploads/43914/page/p20260903151025dd219.jpg') no-repeat center/cover;color:#fff}
.home-choose::before{content:"";position:absolute;inset:0;background:rgba(0,32,74,.72);z-index:-1}
.home-choose .l-wrap{position:relative;z-index:1}
.home-choose .home-title{color:#fff}
.home-choose .home-des{color:#dce6ee;max-width:900px;margin:0 auto 30px;}
.home-choose .chooselist li{box-shadow:0 0 0}
.home-news{padding-top:4%}
@media (max-width:768px){.home-choose .home-des{margin-bottom:0}
.home-news{padding-top:40px}}
.wmpage187-page3 { padding: 60px 0; background: #fff; }
.wmpage187-page3 .wmpage-lwrap { max-width: 1600px; margin: 0 auto; padding: 0 15px; }
.wmpage187-page3 .wmpage187-page3-sub { font-size: 1rem; color: #5b6b78; margin: 10px auto 0; max-width: 720px; line-height: 1.6; }
.wmpage187-page3 .wmpage187-page3-top { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; margin: 0 auto; padding-bottom: 25px; border-bottom: 1px solid #b9b9be; }
.wmpage187-page3 .wmpage187-page3-text { color: #00D2D1; font-weight: 700; font-size: 17px; }
.wmpage187-page3 .wmpage-title { font-size: 32px; font-weight: 700; margin-top: 8px; color: #00204a; }
.wmpage187-page3 .wmpage187-page3-right { display: flex; align-items: center; }
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next,
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #d9d9d9; cursor: pointer; transition: all .2s linear; }
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next { margin-right: 20px; }
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next em,
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev em { color: #666; transition: all .2s linear; }
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next:hover,
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev:hover { background: #00D2D1; border-color: #00D2D1; }
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-next:hover em,
.wmpage187-page3 .wmpage187-page3-right .wmpage187-page3-prev:hover em { color: #fff; }
.wmpage187-page3 .wmpage187-page3-bottom { padding: 40px 0 10px; }
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide { position: relative; overflow: hidden; border-radius: 8px; }
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide::before { position: absolute; content: ''; width: 0; height: 100%; left: 0; top: 0; background: #00D2D1; border-radius: 8px; transition: .5s; opacity: 0; z-index: 1; }
.wmpage187-page3 .wmpage187-page3-bottom .wmpage187-page3-slide:hover::before,
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active::before { width: 100%; opacity: 0.5; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img { position: relative; z-index: 0; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-info { position: absolute; left: 0; bottom: 0; z-index: 2; left: -120%; transition: .5s; opacity: 0; }
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-info,
.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-info { left: 0; opacity: 1; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-content { margin: 15px; padding: 30px 20px; background: rgba(204,204,204,.05); border: 1px solid rgba(255,255,255,.2); backdrop-filter: blur(10px); border-radius: 10px; opacity: 0; }
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-content,
.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-content { opacity: 1; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-title { color: #fff; font-weight: 700; font-size: 20px; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-desc { color: #fff; font-size: 14px; padding: 5px 0 10px; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: 10px; }
.wmpage187-page3 .wmpage187-page3-slide ul li { position: relative; margin-top: 5px; padding-left: 15px; color: #fff; font-size: 15px; }
.wmpage187-page3 .wmpage187-page3-slide ul li::after { position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50px; background: #fff; left: 0; top: 50%; transform: translateY(-50%); }
.wmpage187-page3 .wmpage187-page3-slide ul li span { font-weight: 600; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a { position: relative; display: inline-flex; justify-content: center; align-items: center; min-width: 150px; height: 35px; background: #00D2D1; padding: 0 20px; color: #fff; font-weight: 600; margin-top: 15px; border-radius: 5px; overflow: hidden; z-index: 1; text-decoration: none; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: #1f1f25; transform: translateY(110%); transition: .3s; transition-delay: .1s; z-index: -1; }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn a:hover::before { transform: translateY(0); }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-btn em { font-size: 13px; margin-left: 10px; transform: rotate(-35deg); }
.wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-cap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 16px 18px; background: linear-gradient(to top, rgba(0,32,74,.92), rgba(0,32,74,0)); color: #fff; font-weight: 700; font-size: 19px; line-height: 1.2; text-shadow: 0 1px 3px rgba(0,0,0,.45); pointer-events: none; }
.wmpage187-page3 .wmpage187-page3-slide:hover .wmpage187-page3-cap,
.wmpage187-page3 .wmpage187-page3-slide.swiper-slide-active .wmpage187-page3-cap { opacity: 0; transition: opacity .3s; }
.home-foottop { background-image: url('/uploads/43914/index/partner-bg.jpg') !important; }
.home-foottop::after { background: #000 !important; opacity: .4 !important; }
@media screen and (max-width: 500px) {
  .wmpage187-page3 .wmpage187-page3-top { width: 95%; flex-direction: column; }
  .wmpage187-page3 .wmpage187-page3-right { margin-top: 20px; }
  .wmpage187-page3 .wmpage187-page3-slide .wmpage187-page3-img img { height: 510px; }
}
.home-case2{padding:4% 0;position:relative;z-index:1}
.home-case2::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#00b0ff;opacity:.08;z-index:-1}
.home-case2 .home-title{text-align:left}
.home-case2 .homecase-next2,.home-case2 .homecase-prev2{width:48px;height:48px;border-radius:50%;border:1px solid var(--color);color:var(--color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-left:10px;transition:all .1s linear}
.home-case2 .homecase-next2:hover,.home-case2 .homecase-prev2:hover{background:var(--color);color:#fff}
.home-case2 .homecase-next2 em,.home-case2 .homecase-prev2 em{font-size:var(--fontsize18)}
.home-case2 .homecase-pagination2{display:flex;align-items:center;justify-content:center;margin-top:40px}
.home-case2 .homecase-pagination2 .swiper-pagination-bullet{opacity:1;width:10px;height:10px;background:#b8babc;border-radius:50%;position:relative;margin:0 10px}
.home-case2 .homecase-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.home-case2 .homecase-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;border:1px solid var(--color)}
.home-case2 .homecase-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before{content:"";position:absolute;left:-25px;top:-23px;width:30px;height:30px;background:#ebf9ff;transform:rotate(45deg);z-index:1}
#homecase2{margin-top:40px}
#homecase2 .swiper-slide{height:auto}
#homecase2 .case-card{position:relative;height:100%;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px rgba(0,32,74,.10);transition:transform .3s,box-shadow .3s}
#homecase2 .case-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(0,32,74,.18)}
#homecase2 .case-img{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden}
#homecase2 .case-img img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
#homecase2 .case-card:hover .case-img img{transform:scale(1.06)}
#homecase2 .case-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 16px;background:linear-gradient(to top,rgba(0,32,74,.92),rgba(0,32,74,0));color:#fff;font-weight:700;font-size:16px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.45)}
#homecase2 .case-info{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:rgba(0,32,74,.93);color:#fff;padding:28px 24px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .35s;text-align:left}
#homecase2 .case-card:hover .case-info{opacity:1;visibility:visible}
#homecase2 .case-info .p1{font-weight:600;font-size:14px;color:#00D2D1}
#homecase2 .case-info .p2{margin-top:10px;font-weight:700;font-size:18px;line-height:1.35;color:#fff}
#homecase2 .case-info .line{position:relative;margin:16px 0}
#homecase2 .case-info .line::before{content:"";display:inline-block;width:6px;height:3px;background:#00D2D1;border-radius:2px}
#homecase2 .case-info .line::after{content:"";display:inline-block;width:43px;height:3px;background:#00D2D1;border-radius:2px;margin-left:5px}
#homecase2 .case-info .p3{color:#dce6ee;line-height:1.7;font-size:14px;margin-top:6px}
.home-case2 .more{display:flex;justify-content:center;margin-top:40px}
.home-case2 .more a{display:inline-flex;align-items:center;justify-content:center;color:#fff;padding:0 20px;height:50px;transition:all .1s linear;position:relative;z-index:1;overflow:hidden;text-transform:capitalize;background:var(--color);border-radius:5px}
.home-case2 .more a:hover{opacity:.9}
@media screen and (max-width:1024px){.home-case2{padding:40px 0}
.home-products{padding-top:0}}
.home-inquiry{padding:4% 0;background:url('/uploads/43914/page/p20260903151025dd219.jpg') no-repeat center/cover}
.home-inquiry .home-title{margin-bottom:10px;color:#00204a;text-shadow:0 1px 3px rgba(255,255,255,.9)}
.home-inquiry .home-des{text-align:center;color:#00204a;margin-bottom:40px;text-shadow:0 1px 3px rgba(255,255,255,.9)}
.home-inquiry .inquiry-wrap{display:flex;justify-content:flex-start;max-width:1600px;margin:0 auto;}
.home-inquiry .inquiry-left{width:50%}
.home-inquiry .wmkcfeedback{max-width:none;margin:0;background:#fff;padding:40px;border-radius:12px;box-shadow:0 6px 30px rgba(0,32,74,.08)}
.home-inquiry .inquiry-form{display:flex;margin-bottom:20px;flex-wrap:wrap;justify-content:space-between;gap:20px 0}
.home-inquiry input,.home-inquiry textarea{margin:0;width:100%;padding:14px 16px;border:1px solid #dce5ee;border-radius:6px;font-family:inherit;font-size:15px;color:#00204a;background:#f8fbfd;box-sizing:border-box}
.home-inquiry textarea{min-height:120px;resize:vertical;margin-bottom:0}
.home-inquiry input:focus,.home-inquiry textarea:focus{outline:none;border-color:#00D2D1;background:#fff}
.wmkcfeedback .send-btn{display:block;width:100%;min-width:200px;padding:14px 32px;background:#00D2D1;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}
.wmkcfeedback .send-btn:hover{background:#00babc}
@media screen and (max-width:1024px){.home-inquiry .inquiry-left{width:100%}}
@media screen and (max-width:768px){.home-inquiry{padding:40px 0}
.home-inquiry .home-des{margin-bottom:20px}
.home-inquiry .inquiry-form{flex-direction:column;gap:0}.home-inquiry .wmkcfeedback{padding:24px}}