﻿#product-swiper .swiper-wrapper .swiper-slide{ border: 1px solid #DFDFDF;}
.home-product .swiper .swiper-slide .info .more{padding:10px 20px;background-color:var(--color);margin-top:10px;color:#fff}
.home-news .newswrap .item{border:1px solid #DFDFDF;padding:10px}
.home-about .about-info .text {font-size: var(--fontsize20); color: var(--fontcolor);}
.home-about lite-youtube {border-radius: 30px;}
 .wmpage44-page3 .wmpage44-page3-item{display:flex;flex-direction:column;align-items:center;justify-content:center}
.wmpage44-page3-icon{width:91px;height:98px;line-height:98px;text-align:center;font-size:19px;color:#fff;background-image:url(/Content/uploads/2025670710/20250430160535d1a434bfd84d4198b6484179a406cef0.png);background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center}
.wmpage44-page3-icon img{max-width:30px}
 @media (max-width:768px){.wmpage44-page3 .wmpage44-page3-item{width:100%}
}@media (min-width:1024px){.wmpage44-page3 .wmpage44-page3-item{width:30%}}
.wmpage194-page3 .wmpage194-page3-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage194-page3 .wmpage194-page3-box .wmpage194-page3-left{width:47%}
.wmpage194-page3 .wmpage194-page3-left .wmpage194-page3-text{position:relative;text-transform:uppercase;font-weight:600;font-size:18px;color:var(--color)}
.wmpage194-page3 .wmpage194-page3-left .wmpage-title{margin:5px 0 3%;font-weight:700;font-style:normal;font-size:40px;line-height:48px;color:var(--color)}
.wmpage194-page3 .wmpage194-page3-left .wmpage194-page3-desc{color:800;margin-bottom:10px;color:#777d80}
.wmpage194-page3 .wmpage194-page3-left ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage194-page3 .wmpage194-page3-left ul li{width:50%;display:flex;align-items:center;margin-top:15px}
.wmpage194-page3 .wmpage194-page3-left ul em{display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;background:var(--color);border-radius:50%;font-size:12px;color:#fff;margin-right:10px}
.wmpage194-page3 .wmpage194-page3-left ul .wmpage194-page3-title{flex:1;color:#464b4d;font-weight:500}
.wmpage194-page3 .wmpage194-page3-left ul li span{color:var(--color)}
.wmpage194-page3 .wmpage194-page3-left .wmpage194-page3-btn{display:flex;align-items:center;justify-content:flex-start;margin-top:20px}
.wmpage194-page3 .wmpage194-page3-left .wmpage194-page3-btn .squre{padding:20px;color:#fff;background-color:var(--color);aspect-ratio:1/1}
.wmpage194-page3 .wmpage194-page3-left .wmpage194-page3-btn a{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:150px;height:50px;border-radius:5px;padding:0 20px;font-weight:600;overflow:hidden;z-index:1;transition:all .3s ease}
.wmpage194-page3 .wmpage194-page3-box .wmpage194-page3-right{position:relative;width:50%;z-index:1;overflow:hidden;padding-right:120px}
.wmpage194-page3 .wmpage194-page3-right img{width:100%;height:auto;object-fit:cover;}
@keyframes page3{0%{transform:rotate(0)}
100%{transform:rotate(180deg)}
}@media screen and (max-width:1024px){.wmpage194-page3 .wmpage194-page3-box .wmpage194-page3-left{width:100%;margin-bottom:30px}
.wmpage194-page3 .wmpage194-page3-box .wmpage194-page3-right{width:100%}
}@media screen and (max-width:768px){.wmpage194-page3 .wmpage194-page3-left ul li{width:48%}
.wmpage194-page3 .wmpage194-page3-right img:last-child{top:-45px}
.wmpage194-page3 .wmpage194-page3-box .wmpage194-page3-right{padding-right:60px}
}
.home-application .applist .swiper{margin-top:30px;padding:10% 0px}
.home-application .applist .swiper-slide{transition:transform .3s;transform:scale(0.64)}
.home-application .applist .swiper-slide.swiper-slide-prev{transform:scale(0.64) translateX(-28%)}
.home-application .applist .swiper-slide.swiper-slide-next{transform:scale(0.64) translateX(28%)}
.home-application .applist .swiper-slide.swiper-slide-active{transform:scale(1.57)}
.home-application .applist .swiper-slide.swiper-slide-active .item .info{opacity:1}
.home-application .applist .swiper-slide:hover .item .info p{color:var(--color)}
.home-application .applist .swiper-slide .item .info{position:absolute;bottom:18%;left:15%;width:70%;background-color:rgba(255,255,255,.9);text-align:center;font-weight:var(--fontbold5);opacity:0;transition:opacity .3s .1s;padding:10px 0px}
.home-application .applist .swiper-slide .item .info p{font-size:var(--fontsize12);color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
.home-application .applist .swiper-slide .item .info a{display:inline-block;font-weight:normal;text-transform:lowercase;font-size:var(--fontsize14);transform:scale(0.8)}
.home-application .applist .swiper-slide .item .info a:hover{color:var(--color)}
.home-application .applist .item .title::after{display: none;}
@media(max-width:900px){.home-application .applist{margin-top:20px}
.home-application .applist .swiper-slide{width:65%}
.home-application .applist .swiper-slide.swiper-slide-next,.home-application .applist .swiper-slide.swiper-slide-prev{transform:scale(0.7)}
.home-application .applist .swiper-slide.swiper-slide-active{transform:scale(1.3)}}
.banner-animote.ban1{top:50% !important;left:50% !important;text-align:center;transform: translate(-50%,-50%) !important;width:85%;}
.banner-animote.ban1 .title{color:#fff;text-shadow: 1px 2px 3px var(--fontcolor);}
@media (max-width:1600px){.banner-animote.ban1 .title{font-size:2vw;}}
@media (max-width:768px){.banner-animote.ban1 .title{font-size:14px;}}
.home-banner .swiper-slide:nth-child(2) img{filter: brightness(0.7);}
.wmpage194-page3 .l-wrap{padding:  2%;}
.home-application .applist .item:hover .info .title a { color: var( --fontcolor);}
.home-application{background:#222;}
.home-application .home-title,.home-application .home-des{color:#fff}
.home-application .home-button-next i,.home-application .home-button-prev i{color:#fff}
.home-application .applist .swiper-slide .item .info a{text-transform:uppercase;}
.home-product .swiper .swiper-slide .info{margin:0;padding:10px;flex:1;display:flex;flex-direction:column;align-items:center;}
#product-swiper .swiper-wrapper .swiper-slide{display:flex;flex-direction:column;}
.home-product .swiper .swiper-slide .info i{display:none;}
.home-product .swiper .swiper-slide .info .title{margin-bottom:15px;}
.home-product .swiper .swiper-slide .info .more{margin-top:auto;}
.home-product .swiper .swiper-slide:hover .info .more{background: linear-gradient(to right, var(--color) , #BE6CCC); }