@import url(https://js01.v15cdn.com/single-template/public.css);
.home-logo .swiper-wrapper{transition-timing-function: linear}
#home-swiper .swiper-slide .bannertxt4{position:absolute;z-index:2;top:20%;left:12%;background:#ffffff66;padding:.5vw 1.5vw;border-radius:.6vw;}
#home-swiper .swiper-slide .bannertxt4 p{font-size:2.2vw;}
@media (max-width:550px){#home-swiper .swiper-slide .bannertxt4{top:16%;left:3%;padding:6px 10px;border-radius:5px;width:50%}
#home-swiper .swiper-slide .bannertxt4 p{font-size:var(--fontsize16);line-height:1.4}}
#home-swiper .swiper-slide>a{width:100%}
@media (min-width:1025px){header.head{position:relative;z-index:999999;}
main.home-main{margin-top:-127px;}
header:not(.is-fixed) .head-top{background:none;}
header:not(.is-fixed) .head-main{background:none;}
header:not(.is-fixed) .head-menu-box nav>ul>li>a{color:#FFF;}}
.home-about-1{padding:3% 0}
.home-about-1 .title{font-size:36px;font-weight:bold;text-transform:capitalize;color:#494848;line-height:1.2;margin-bottom:2%}
.home-about-1 .desc{margin-bottom:2%;color:#494848;font-size:17px}
.home-about-1 lite-youtube{border-radius:20px;box-shadow:0px 55px 50px -40px #212121}
.home-about-1 .l-wrap{display:flex}
.home-about-1 .more{padding:15px 30px;background:var(--color);color:#fff;border-radius:30px 30px 30px  0;width:fit-content;font-size:23px;font-weight:bold}
.home-about-1 .l-wrap .left{width:50%;margin-right:2%}
.home-about-1 .l-wrap .right{flex:1}
@media (max-width:1024px){.home-about-1 .title{font-size:28px;text-align:center}
.home-about-1 .more{font-size:16px}
.home-about-1 .l-wrap{flex-wrap:wrap}
.home-about-1 .l-wrap .left{width:100%}
.home-about-1 .l-wrap .right{width:100%;margin-top:2%;flex:unset}}
#about{display: none;}
#home-swiper .swiper-slide .bannertxt4{background:transparent;width:46%}
#home-swiper .swiper-slide .bannertxt4>p:first-child{font-size:4.1vw;color:#fff;font-weight:800;line-height:1.2;margin-bottom:2vw}
#home-swiper .swiper-slide .bannertxt4>p{font-size:1vw;color:#fff;line-height:1.4;margin-bottom:2vw}
#home-swiper .swiper-slide .bannertxt4 .more{border-radius:30px 0 30px 0;padding:2% 5%;background:#fff;color:#111;font-size:1.2vw}
#home-swiper .swiper-slide img{filter:brightness(.8)}
@media (max-width:1024px){#home-swiper .swiper-slide .bannertxt4{top:12%}
#home-swiper .swiper-slide .bannertxt4 .more{border-radius:20px 0 20px 0;font-size:var(--fontsize14)}
#home-swiper .swiper-slide .bannertxt4>p{font-size:var(--fontsize13)}}
@media (max-width:768px){#home-swiper .swiper-slide .bannertxt4>p:first-child{font-size:var(--fontsize26)}
#home-swiper .swiper-slide .bannertxt4 .more{border-radius:15px 0 15px 0;font-size:var(--fontsize13)}}
@media (max-width:550px){#home-swiper .swiper-slide .bannertxt4{top:8%;left:2%;width:56%}
#home-swiper .swiper-slide .bannertxt4>p:first-child{font-size:var(--fontsize18);margin-bottom:7px}
#home-swiper .swiper-slide .bannertxt4 .more{display:none}
#home-swiper .swiper-slide .bannertxt4>p{font-size:var(--fontsize12)}}
#home-swiper .swiper-slide .bannertxt4{opacity:0}
#home-swiper .swiper-slide .bannertxt4{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:30px}
100%{opacity:1;margin-top:0}}
#home-swiper .swiper-slide-active img,#home-swiper .swiper-slide img{animation:bannerimg 6s forwards}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}}
.home-logo{ margin-top: 4%;}
.home-about-1{ padding-top: 5%;}
@media (min-width:1024px){.home-about-1 .more{font-size:25px}}
.home-about-1 .l-wrap .left{display:flex;flex-direction:column;justify-content:space-between}
#product{background:#f7f7f7}
#product .pro-list li{box-shadow:0 10px 40px 0 rgba(0,0,0,.1)}
.more-btn{display:none}
#product .pro-list li .pro-cont{position:relative}
#product .pro-list li:hover .pro-cont::before{width:100%}
#product .pro-list li .pro-cont::before{content:"";position:absolute;top:-1px;left:0;width:0%;height:1px;background:var(--color);transition:all .3s linear;z-index:1}
#product .pro-list li:hover .pro-cont::after{opacity:1;left:calc(100% - 4px)}
#product .pro-list li .pro-cont::after{transition:all .3s linear;content:"";position:absolute;top:-3.5px;left:0;opacity:0;width:0;height:0;border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent var(--color)}
  .silk-grid{display:flex;align-items:stretch;justify-content:space-between}
.items-left{aspect-ratio:1/2;flex:0 0 25.33%}
.items-right{display:flex;flex-direction:column;flex:0 0 74.33%}
.item{position:relative;overflow:hidden}
.item:hover img{transform:scale(1.1)}
.item img{width:100%;height:100%;object-fit:cover}
.item span{position:absolute;left:10px;bottom:10px;color:#fff;font-size:20px;font-weight:800}
.home-grig .item span{text-transform: capitalize;}
.items-right{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.items-right-top{width:100%;display:flex;max-width:100%;justify-content:space-between}
.items-right-top .item-2{flex:0 0 calc(66% + .66%);aspect-ratio:2/1}
.items-right-top .item-3{flex:0 0 33%}
.items-right-bottom{width:100%;display:flex;justify-content:space-between;margin-top:.33%}
.items-right-bottom .item{flex:0 0 33%}
@media (max-width:500px){.silk-grid{flex-wrap:wrap}
.items-left{width:100%;flex:unset;aspect-ratio:2/1}
.items-right{width:100%;flex:unset}
.items-right-top{flex-wrap:wrap}
.items-right-top .item-2,.items-right-top .item-3{flex:unset;aspect-ratio:2/1;width:100%}
.items-right-bottom{flex-wrap:wrap}
.items-right-bottom .item{width:100%;flex:unset;aspect-ratio:2/1}
}.home-grig{padding:3% 0}
.home-grig .home-desc{text-align:center;margin-bottom:2%}
.home-grig .item>a{display:inline-block;width:100%;height:100%}
#product .pro-list li .pro-img img {display:block;aspect-ratio:1/1;object-fit:cover}
#product .pro-list li .pro-cont .pro-name{margin:0}
@media (max-width:900px){#product .pro-list li .pro-cont{padding:10px}}
.wmpage214-page3 .wmpage214-page3-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-decoration:underline;text-align:center}
.wmpage214-page3 .wmpage-title{text-align:center}
.wmpage214-page3 .wmpage214-page3-top{padding:30px 20px;margin-bottom:20px}
.wmpage214-page3 .wmpage214-page3-slide{position:relative;padding:40px;background:#fff;border-radius:10px;opacity:.2;transition:all .3s linear;text-align:center}
.wmpage214-page3 .wmpage214-page3-slide::after{position:absolute;content:'';border:1px dashed #e4e7ee;width:96%;height:96%;left:2%;top:2%;border-radius:10px}
.wmpage214-page3 .wmpage214-page3-slide.swiper-slide-active{box-shadow:0 0 40px 0 rgba(0,0,0,.09);opacity:1}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-img{position:relative;display:inline-block}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-img img{position:relative;width:120px;height:120px;object-fit:cover;border-radius:50%}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background:var(--color);position:absolute;left:-15px;top:5px}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-icon em{color:#fff}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-info{color:var(--wmpage-color8);margin:20px 0}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;background:#f0f3f9;border-radius:30px}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li{opacity:.5}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li em{color:var(--color);font-size:var(--wmpage-font18)}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li:not(:last-child){margin-right:5px}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li:nth-child(-n+2){opacity:1}
.wmpage214-page3 .wmpage214-page3-bottom{display:flex;flex-wrap:wrap;justify-content:center}
.wmpage214-page3 .wmpage214-page3-bottom li{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:15px;padding:25px;background:#fff;border-radius:10px;box-shadow:0 0 40px 0 rgba(0,0,0,.09);cursor:pointer;transition:all .3s linear}
.wmpage214-page3 .wmpage214-page3-bottom .wmpage214-page3-title{color:#000;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);transition:all .3s linear}
.wmpage214-page3 .wmpage214-page3-bottom .wmpage214-page3-desc{color:var(--wmpage-color8);text-transform:uppercase;font-size:var(--wmpage-font14);text-align:center;transition:all .3s linear}
.wmpage214-page3 .wmpage214-page3-bottom li:not(:last-child){margin-right:20px}
.wmpage214-page3 .wmpage214-page3-bottom li.active{background:var(--color);box-shadow:0 0 40px 0 transparent}
.wmpage214-page3 .wmpage214-page3-bottom li.active .wmpage214-page3-title{color:#fff}
.wmpage214-page3 .wmpage214-page3-bottom li.active .wmpage214-page3-desc{color:#fff;opacity:.7}
@media screen and (max-width:500px){.wmpage214-page3 .wmpage214-page3-bottom li:not(:last-child){margin-right:0}
}
.wmpage214-page3{padding:4% 0;}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-info span{margin-top:10px;display:inline-block;}
.wmpage214-page3 .wmpage214-page3-bottom li{width:280px;text-align:center;}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li{opacity:1}
@media (max-width:768px){.wmpage214-page3{padding:40px 0;}
.wmpage214-page3 .wmpage214-page3-slide{padding:30px 20px}
.wmpage214-page3 .wmpage214-page3-top{margin-bottom:0}}
@media (max-width:500px){.wmpage214-page3 .wmpage214-page3-bottom li{width:calc(100% - 30px);padding:10px;min-height:78px}
.wmpage214-page3 .wmpage214-page3-top{padding-bottom:0}}
.wmpage202-page5 .wmpage202-page5-text{text-align:center;text-transform:uppercase;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17)}
.wmpage202-page5 .wmpage202-page5-text span{width:4px;height:17px;display:inline-block;background-color:var(--color);position:relative;top:2px;margin-right:10px}
.wmpage202-page5 .wmpage202-page5-text span::after{position:absolute;content:'';right:-5px;top:0;bottom:0;margin:auto;width:0;height:0;border-style:solid;border-width:3.5px 0 3.5px 5px;border-color:transparent transparent transparent var(--color);animation:page1 2s linear infinite}
.wmpage202-page5 .wmpage-title{text-align:center}
.wmpage202-page5 .wmpage202-page5-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item{width:24%;height:auto;margin-top:30px;display:flex;flex-direction:column}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-top{width:100%;position:relative}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-img{width:100%;position:relative;overflow:hidden;border:1px solid #ddd;border-bottom:none}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-img::before{position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(18,47,42,.5);z-index:1;transition:all .2s linear;opacity:0}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-img::before{opacity:1}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-img a:last-child{display:block;position:absolute;top:0;left:0;bottom:0;right:0;object-fit:cover;width:100%;transition:all .5s}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-img a:last-child{transform:translatex(-50%) scalex(2);opacity:0;filter:blur(10px)}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-img a:first-child{display:block;transform:translatex(50%) scalex(2);opacity:0;filter:blur(10px);width:100%;height:auto;object-fit:cover;transition:all .5s}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-img a:first-child{transform:translatex(0) scalex(1);opacity:1;filter:blur(0)}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-card{display:inline-flex;justify-content:center;align-items:center;min-width:140px;padding:5px 15px;background:#fff;border-radius:20px;position:absolute;left:20px;top:30px;transition:all .2s linear;z-index:2}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-card{background:var(--color)}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-card em{color:var(--color);font-size:var(--wmpage-font20);transition:all .2s linear}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-card em{color:#fff}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-card p{color:var(--wmpage-color8);font-weight:var(--fontbold6);margin-left:10px;transition:all .2s linear}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-card p{color:#fff}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-online{position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);z-index:2;opacity:0;transition:all .3s linear}
.wmpage202-page5 .wmpage202-page5-item .wmpage202-page5-online em{font-size:var(--wmpage-font30);color:#fff}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-online{opacity:1;top:50%}
.wmpage202-page5 .wmpage202-page5-bottom{border:1px solid #ddd;flex:1;}
.wmpage202-page5 .wmpage202-page5-bottom ul{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #ddd}
.wmpage202-page5 .wmpage202-page5-bottom ul img{border-radius:50%;border:2px solid var(--color);margin-right:10px}
.wmpage202-page5 .wmpage202-page5-bottom ul li{width:50%;display:flex;align-items:center;justify-content:center;padding:10px 0;color:var(--wmpage-color8)}
.wmpage202-page5 .wmpage202-page5-bottom ul li:first-child{border-right:1px solid #ddd}
.wmpage202-page5 .wmpage202-page5-bottom ul li em{color:var(--color);margin-right:5px}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-info{padding:15px 20px 30px;width:100%;height:100%;display:flex;flex-direction:column}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;font-size:var(--wmpage-font20);font-weight:var(--fontbold7);color:var(--wmpage-color22);background:linear-gradient(to right,#8139e7 0,#8139e7 100%) 0 95%/0 1px no-repeat;transition:all .5s ease}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-title:hover{background-size:100% 1px;color:var(--color)}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-desc{color:var(--wmpage-color8);margin:10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-btn{position:relative;margin-top:auto}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-btn a:first-child{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--wmpage-font20);background:var(--color);color:#fff;perspective:300px;transition:transform .5s ease;transform-origin:top center;transform:translateY(0) translateZ(0) scaleY(1) rotateX(0);margin-top:20px}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-btn a:first-child{transform-origin:bottom center;transform:translateY(-100%) translateZ(150px) scaleY(0) rotateX(90deg)}
.wmpage202-page5 .wmpage202-page5-bottom .wmpage202-page5-btn a:last-child{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;min-width:150px;height:45px;padding:0 20px;border-radius:10px;background:var(--color);transition:transform .7s ease,top .7s ease;transform:translateY(0) translateZ(150px) scaleY(0) rotateX(90deg);perspective:300px;transform-origin:bottom center;color:#fff;font-weight:var(--fontbold6)}
.wmpage202-page5 .wmpage202-page5-item:hover .wmpage202-page5-btn a:last-child{transition:transform .5s ease,top .5s ease;transform:translateY(0) translateZ(0) scaleY(1) rotateX(0)}
.wmpage202-page5{padding-bottom:4%}
@media screen and (max-width:1024px){.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item{width:48.5%}
}
@media screen and (max-width:768px){.wmpage202-page5 .wmpage202-page5-box .wmpage202-page5-item{width:100%}
.wmpage202-page5{padding-bottom:40px}}