@charset "utf-8"; 
:root { --color: #234791;}
 @media (min-width:1025px){.head-top{background:var(--color)}
.head-contact em{color:#fff}
.head.is-fixed .head-main .head-logo img{max-height:80px}
.head.is-fixed .head-main{height:80px}}
#projects{position:relative;padding-top:3vw;margin-bottom: 50px;}
#projects::before{content:"";display:block;width:100%;height:65%;position:absolute;top:0;left:0;background-color:#222}
#projects::after{content:"Customer case";display:block;width:100%;text-align:center;position:absolute;top:0;left:0;font-size:5vw;font-family:Rajdhani;color:var(--introcolor);opacity:.15;text-transform:uppercase;line-height:1.1}
#projects .l-wrap{position:relative;z-index:1;color:#fff}
#projects .projects-des{line-height:1.75;text-align:center;max-width:550px;margin:0 auto;padding:10px 0}
#projects #home-projects{margin-top:30px;padding:7% 0}
#projects #home-projects .swiper-slide{transition:transform .3s;transform:scale(.64)}
#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(.64) translateX(-28%)}
#projects #home-projects .swiper-slide.swiper-slide-next{transform:scale(.64) translateX(28%)}
#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.57)}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont{opacity:1}
#projects #home-projects .swiper-slide:hover .projects-cont p{color:var(--color)}
#projects #home-projects .swiper-slide .projects-cont{position:absolute;bottom:10%;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 0}
#projects #home-projects .swiper-slide .projects-cont p{font-size:var(--fontsize12);color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
#projects #home-projects .swiper-slide .projects-cont a{display:inline-block;font-weight:400;text-transform:lowercase;font-size:var(--fontsize14);transform:scale(.8)}
#projects #home-projects .swiper-slide .projects-cont a:hover{color:var(--color)}
#projects .home-tit,#projects .home-title{color: #fff;position: relative;z-index: 1;text-align: center;}
#info{background:#f5f5f5 left top/100% no-repeat;padding:6% 0 5%;background-image: url(/uploads/43655/page/p20250221105738fbdd3.jpg);}
#info .info-cont{color:#fff}
#info .info-cont .info-title{font-size:45px;font-weight:var(--fontbold5);max-width:500px;text-transform:capitalize;padding-right:20px;}
@media(min-width:901px)and (max-width:1280px){#info .info-cont .info-title{font-size:32px}}
#info .video-btn{width:60px;height:60px;background:rgba(56,83,216,0);border:1px solid #fff;border-radius:50%;position:relative;margin-right:40px;display:flex;justify-content:center;align-items:center}
#info .video-btn em{display:block;width: 0px;height: 0px;border-bottom: 20px solid #fff;border-left: 20px solid transparent;transform: rotate(-45deg) translate(-3px, -3px);}
#info .video-btn::after,#info .video-btn::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:1px solid #fff;opacity:0}
#info .video-btn::before{-webkit-animation:aperture 1.5s ease infinite;animation:aperture 1.5s ease infinite}
#info .video-btn::after{-webkit-animation:aperture 1.5s ease infinite .4s;animation:aperture 1.5s ease infinite .4s}
#info .video-layer{position:fixed;top:0;bottom:0;right:0;left:0;z-index:100000;background-color:rgba(0,0,0,.9);display:none}
#info .video-layer .layer-close{width:40px;height:40px;border-radius:50%;display:block;margin:30px 30px 30px auto;background-color:var(--color)}
#info .video-layer .layer-close em{font-size:var(--fontsize20);line-height:1;color:#fff}
#info .video-layer .video-layer-cont{width:92%;margin:0 auto;max-width:800px;position:relative;top:calc(50% - 100px);transform:translateY(-50%);max-height:80vw}
#info .video-layer .video-layer-cont>iframe,#info .video-layer .video-layer-cont>lite-youtube,#info .video-layer .video-layer-cont>video{display:block;margin:0 auto;max-width:100%;max-height:100%}
#info .info-bottom{background-color:#fff;margin-top:15%}
@media (max-width:768px){#info .info-bottom{margin-top:23%;}}
#info .info-item{width:33.33%;padding:50px 5% 100px;position:relative;z-index:1;overflow:hidden;background:url(https://css02.v15cdn.com/m422/img/home/info-item-bg.webp) center/cover no-repeat}
@media(min-width:901px)and (max-width:1280px){#info .info-item{padding-left:3%;padding-right:3%}}
#info .info-item .info-item-tit{display:flex;align-items:center;margin-bottom:25px;position:relative}
@media(min-width:901px)and (max-width:1280px){#info .info-item .info-item-tit{margin-bottom:10px}}
#info .info-item .info-item-tit em{font-size:50px;color:var(--color);line-height:1;transition:color .3s}
@media(min-width:901px)and (max-width:1280px){#info .info-item .info-item-tit em{font-size:32px}}
#info .info-item .info-item-tit span{flex:1;padding-left:20px;font-size:var(--fontsize26);font-weight:var(--fontbold5);color:var(--fontcolor);transition:color .3s;text-transform:capitalize}
@media(min-width:901px)and (max-width:1280px){#info .info-item .info-item-tit span{font-size:var(--fontsize22);padding-left:10px}}
#info .info-item .info-item-des{position:relative;font-size:var(--fontsize16);color:var(--introcolor);transition:color .3s}
#info .info-item::after{display:block;font-size:110px;line-height:1;font-weight:var(--fontbold5);color:#f0f0f0;position:absolute;bottom:0;right:6%;transform:translateY(30%);z-index:1}
#info .info-item:nth-of-type(1)::after{content:"01"}
#info .info-item:nth-of-type(2)::after{content:"02"}
#info .info-item:nth-of-type(3)::after{content:"03"}
#info .info-item::before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;transition:all .3s ease-in-out}
#info .info-item:hover .info-item-tit em,#info .info-item:hover .info-item-tit span{color:#fff}
#info .info-item:hover .info-item-des{color:#fff}
#info .info-top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#info .info-item:hover::before{background-color:var(--color)}
@keyframes aperture {0% {opacity: 1;transform: scale(1)}
100% {opacity: 0;transform: scale(2)}}
#news{background-color:#f5f5f5}
#news #home-news{margin:3% 0 6%}
@media(min-width:901px){#news #home-news .news-list{flex-wrap:wrap;justify-content:space-between}
#news #home-news .news-list .swiper-slide{width:49%;display:flex;align-items:center;background-color:#fff}
#news #home-news .news-list .swiper-slide .news-item-img{width:50%}
#news #home-news .news-list .swiper-slide .news-item-cont{width:50%;padding:0 3%;transform:none}
#news #home-news .news-list .swiper-slide:nth-of-type(n+3){flex-direction:row-reverse}}
#news #home-news .news-list .news-item-img{position:relative}
#news #home-news .news-list .news-item-img img{max-height:300px;object-fit:cover}
#news #home-news .news-list .news-item-img .lazy-wrap::after{padding-bottom:0}
#news #home-news .news-list .news-item-img .news-date{display:inline-block;background-color:#fff;font-size:var(--fontsize14);font-weight:var(--fontbold5);text-align:center;position:absolute;top:5%;left:4%;padding:6px 15px;border-bottom:2px solid var(--color);transition:background .3s,color .3s}
#news #home-news .news-list .news-item-img .news-date span{font-size:var(--fontsize20);display:block;line-height:1;margin-bottom:4px}
#news #home-news .news-list .news-item-cont{width:90%;margin:auto;background-color:#fff;padding:5%;transform:translateY(-50%)}
#news #home-news .news-list .news-item-cont .news-item-title{font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:1.4;text-transform:capitalize;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(min-width:901px)and (max-width:1280px){#news #home-news .news-list .news-item-cont .news-item-title{font-size:var(--fontsize18)}}
#news #home-news .news-list .news-item-cont .news-item-des{margin:10px 0;color:var(--introcolor);display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#news #home-news .news-list .swiper-slide:hover .news-item-img img{transform:scale(1.1)}
#news #home-news .news-list .swiper-slide:hover .news-item-img .news-date{background-color:var(--color);color:#fff}
#news #home-news .news-list .swiper-slide:hover .news-item-title{color:var(--color)}
#news .home-label{font-size: 18px;text-align: center;}
#info .info-item:nth-child(1){background-image:url(/uploads/43655/products/p20250122104752d86b3.jpg)}
#info .info-item:nth-child(2){background-image:url(/uploads/43655/products/p20250122104752d86b3.jpg)}
#info .info-item:nth-child(3){background-image:url(/uploads/43655/products/p20250122104752d86b3.jpg)}
#projects::before { background-color: #5974AB;}
 .about {background: #eee;}
.foot-t,.foot-b{background:var(--fontcolor)}
.about .about-r{padding-left:0;padding-right:45px;order:-1}
.about .about-r h3:nth-of-type(1){padding-left:30px;position:relative}
.about .about-r h3:nth-of-type(1)::after{content:'';position:absolute;left:0;top:50%;width:25px;height:3px;background:var(--color)}
@media (min-width:769px){.about .about-l , .about .about-r{ width: 50%;}}
@media (max-width:768px){#info .info-item{width:100%;}
.about .about-r{padding-right:0;}
.about-r{text-align:left;}
#info .info-cont .info-title{font-size:24px;}
#info .info-item .info-item-tit{margin-bottom:10px;}
#info .info-item .info-item-tit span{font-size:20px;}
#info .info-item{padding:20px 5% 50px;}
#info .info-item::after{font-size:70px;}
#info{background-size: 200%;background-position: center top;}}
@media(min-width:769px){.about .about-r h3:nth-of-type(1){font-size: var(--fontsize30);}}
.about .about-r h3:nth-of-type(1)::after{display:none;}
.about .about-r h3:nth-of-type(1){color: var(--color);margin-bottom: 2%;padding-left:0;}
#projects::after{content:'HOT SALE'}
.about-r>p { text-align: justify;}
#info .info-cont .info-title{width:100%;text-align:center}
#info .info-cont  .info-des{display:none}
#info .info-top{justify-content:center}
.about .about-l img{ object-fit: cover;height: 100%;}
.wmkc-feedback img{max-width:22px}
.foot-item2 .fnav{flex-direction: inherit;max-height: inherit;}
.foot-item2 .fnav li{width: 49%;margin-right: inherit;}
.foot-contact>p:nth-child(2){display:none;}