﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-des{max-width:830px;margin:0px auto;font-size:var(--fontsize16);color:var(--introcolor);text-align:center;padding:0px 0px 30px}
.home-video{padding:4% 0}
.home-video .home-title{margin-bottom:10px}
.swiper-home-video{position:relative;overflow:hidden;}
.home-video  .swiper-pagination{display:block;position:static;margin-top:15px}
#news{padding-top:4%}
@media (max-width:768px){.home-des{padding:0px 0px 20px}
.home-video{padding:40px 0}
#news{padding-top:40px}}

.home-vr{padding:4% 0;background:#f6f9f6}
.home-vr .home-tip{color:#7a8c68;font-size:var(--fontsize14);font-weight:var(--fontbold5);position:relative;text-align:center;text-transform:uppercase}
.home-vr .home-tip span{position:relative;padding-left:18px}
.home-vr .home-tip span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:linear-gradient(0deg,#74986a 0,#dce5d9 100%)}
.home-vr .home-des{padding-bottom:0}
.home-vr .box{padding:40px 0 40px;position:relative}
.home-vr .box .vrswiper-pagination{position:absolute;width:100%;bottom:-20px;display:flex;justify-content:center}
.home-vr .box .vrswiper-pagination .swiper-pagination-bullet{background-color:var(--color);margin:0 9px}
.home-vr #vrswiper{overflow:hidden}
.home-vr .swiper-slide{height:auto;background-color:rgba(122,140,104,.06);padding:50px 25px 30px}
.home-vr .swiper-slide .img{border:2px solid var(--color1);border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .2s linear}
.home-vr .swiper-slide .img img{width:89%;max-width:280px;border-radius:50%;aspect-ratio:1;object-fit:cover}
.home-vr .swiper-slide .info{text-align:center}
.home-vr .swiper-slide .info .tit{font-size:var(--fontsize18);font-weight:var(--fontbold5)}
.home-vr .swiper-slide .info .more{color:var(--color1);font-size:var(--fontsize14);font-weight:var(--fontbold5);transition:all .2s linear;display:block;text-decoration:underline}
.home-vr .swiper-slide:hover .img{border:6px solid var(--color)}
.home-vr .swiper-slide:hover .info .more{color:var(--color)}
@media (max-width:1024px){.home-vr{padding:40px 0}}
@media (max-width:768px){.home-vr .home-tip span{font-size:var(--fontsize12)}
.home-vr .box{padding-top:25px}
.home-vr .box .vrswiper-pagination{bottom:0}}
@media (max-width:500px){.home-vr{padding:30px 0}
.home-vr .swiper-slide{padding:25px 20px}}
#product .pro-list li .pro-img img{aspect-ratio:1;object-fit:cover}
.wmpage200-page3{background:#000}
.wmpage200-page3 .wmpage200-page3-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left{width:29.5%;position:relative;padding:0 25px;display:flex;flex-direction:column;justify-content:center;align-items:self-start;height:auto;background:var(--wmpage-color22);border-radius:20px;border:1px solid rgba(255,255,255,.1)}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left::after{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage200/wmpage200-page3-img5.webp);background-size:cover;width:100%;height:160px;left:0;bottom:20px;z-index:1}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-text{position:relative;display:inline-flex;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase;padding:0 35px;z-index:10}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-text::before{position:absolute;content:'';width:28px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-text::after{position:absolute;content:'';width:28px;height:2px;background:var(--color);right:0;top:50%;transform:translateY(-50%)}
.wmpage200-page3 .wmpage200-page3-left .wmpage-title{color:#fff;z-index:10;margin:5px 0 10px}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-desc{color:#fff;opacity:.8;z-index:10}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;border-radius:5px;background:var(--color);color:#ffff;font-weight:var(--fontbold6);margin-top:30px;z-index:10;overflow:hidden}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a::before{position:absolute;content:'';width:0;height:50%;left:0;top:0;background:#e94138;z-index:-1;transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a::after{position:absolute;content:'';width:0;height:50%;right:0;bottom:0;background:#e94138;z-index:-1;transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a:hover::after,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-btn a:hover::before{width:100%}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-allbtn{display:flex;justify-content:center;align-items:center;position:absolute;padding:13px 30px 14px;right:-1px;bottom:-1px;border-radius:20px 0 0 0;background:#000;z-index:20}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:#292929;transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev{margin-right:10px}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next:hover,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev:hover{background:var(--color)}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev em{color:var(--color);transform:rotate(90deg);transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next em{color:var(--color);transform:rotate(-90deg);transition:all .2s linear}
.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-next:hover em,.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-prev:hover em{color:#fff}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-right{width:69%;height:auto;position:relative}
.wmpage200-page3 .wmpage200-page3-slide{position:relative;overflow:hidden;border-radius:20px}
.wmpage200-page3 .wmpage200-page3-slide::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.5);z-index:1}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-img{position:relative;width:100%;height:100%}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-img img{position:relative;width:100%;height:100%;object-fit:cover}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-info{position:absolute;left:0;right:0;padding:0 20px;bottom:60px;transform:translateY(20px);transition:all .3s ease-in-out;transition-delay:.5s;opacity:1;z-index:10}
.wmpage200-page3 .wmpage200-page3-slide.swiper-slide-active .wmpage200-page3-info,.wmpage200-page3 .wmpage200-page3-slide.swiper-slide-prev .wmpage200-page3-info{opacity:1}
.wmpage200-page3 .wmpage200-page3-slide.swiper-slide-active .wmpage200-page3-info{transform:translateY(0);opacity:1}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-top{display:inline-flex;justify-content:center;align-items:center;min-width:125px;padding:0 10px;height:35px;border-radius:6px;background:var(--color);font-size:var(--wmpage-font14);font-weight:var(--fontbold6);color:#fff;text-transform:uppercase;box-shadow:0 0 0 4px rgba(255,255,255,.2)}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);color:#fff;margin-top:25px}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-words{position:relative;padding:3px 0 15px;color:#fff;font-size:var(--wmpage-font15);opacity:.8}
.wmpage200-page3 .wmpage200-page3-slide .wmpage200-page3-words::after{position:absolute;content:'';width:40px;height:2px;background:var(--color);left:0;bottom:0}
.wmpage200-page3 .wmpage200-page3-pagination{position:absolute;text-align:center;width:140px;bottom:30px;left:83%;z-index:10;background:rgba(0,0,0,.7);padding:5px 20px 7px;border-radius:10px;box-shadow:0 0 0 5px rgba(255,255,255,.1)}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet{opacity:1;width:6px;height:6px;background:#fff;position:relative}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet:nth-child(-n+3){margin-right:12px}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet::before{position:absolute;content:'';width:17px;height:17px;border-radius:50%;border:1px solid rgba(255,255,255,.6);transition:all .3s ease;transform:scale(0);left:-6px;top:-6px}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{transform:scale(1)}
.wmpage200-page3 .wmpage200-page3-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media screen and (max-width:1024px){.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left{width:100%;overflow:hidden;padding:30px 10px;margin-bottom:30px}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-left::after{height:100%;bottom:0}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-right{width:100%}
.wmpage200-page3 .wmpage200-page3-pagination{left:50%;transform:translateX(-50%)}
}
@media screen and (max-width:768px){.wmpage200-page3 .wmpage200-page3-pagination{bottom:10px}
.wmpage200-page3 .wmpage200-page3-box .wmpage200-page3-right{padding-bottom:70px}
}
@media screen and (max-width:500px){.wmpage200-page3 .wmpage200-page3-left .wmpage200-page3-allbtn{position:static;margin-top:20px;border-radius:10px}}
.home-cate .homecate-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}
.home-cate .homecate-list li{width:100%;margin-right:0}
@media (max-width:768px){.home-cate .homecate-list{grid-template-columns:repeat(2,1fr)}
}.wmpage200-page3,.home-vr{background:#fff}
