@import url(https://css02.v15cdn.com/m434/message.css);
@import url(https://js01.v15cdn.com/single-template/public.css);
.home-cate .list li .title { background: linear-gradient(1deg, #0b1b2b 0, rgb(0 0 0 / 0%) 29%);}
.home-cate{padding-top:0}
.home-choose{margin-bottom:20px;background: #203b56;}
.home-projects{padding-bottom:5%;color:var(--fontcolor)}
.home-projects::before {background: #F5F9FC;height:100%}
.home-projects .home-title{color:var(--fontcolor)}
.home-projects .video iframe{ aspect-ratio: 16/9;}
.home-customer{padding:4% 0;}
.home-customer .img{margin-top:3%;}
@media (max-width:768px){.home-customer{padding:40px 0;}
.home-customer .img{margin-top:30px;}}
  .home-projects .video{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}
.home-projects .l-wrap{max-width:unset}
@media (max-width:768px){.home-projects .video{grid-template-columns:repeat(1,1fr)}
}
.wmpage169-page3{background:rgba(0,81,152,.8)}
.wmpage169-page3-math{display:flex;justify-content:space-between}
.wmpage169-page3-box{width:25%;border-right:1px solid #ffffff78}
.wmpage169-page3-box:nth-last-child(1){border-right:none}
.wmpage169-page3-numer{display:flex;font-size:var(--wmpage-font42,42px);line-height:1;font-weight:var(--fontbold7);justify-content:center;color:#fff}
.wmpage169-page3-text{text-align:center}
.wmpage169-page3-text p{font-size:var(--fontsize20);margin-top:15px;color:#fff}
@media (max-width:1366px){
.wmpage169-page3-numer{font-size:34px}
.wmpage169-page3-text p{font-size:18px;line-height:1.25}
}
@media (max-width:768px){
.wmpage169-page3-numer{font-size:26px}
.wmpage169-page3-text p{font-size:16px}
}
@media (max-width:550px){
.wmpage169-page3-math{flex-wrap:wrap}
.wmpage169-page3-box{width:50%}
.wmpage169-page3-box:nth-of-type(2n){border:none}
.wmpage169-page3-box:nth-of-type(1),.wmpage169-page3-box:nth-of-type(2){margin-bottom:20px}
}
.home-banner{position:relative}
.home-banner>.l-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;z-index:10}
.home-banner .wmpage169-page3{padding-top:50px;padding-bottom:50px}
@media(max-width:1279px){
.home-banner>.l-wrap{position:static;transform:none}
.home-banner .wmpage169-page3{padding:30px 0}
}
.home-banner .swiper-slide{position:relative}
.home-banner .banner-text{position:absolute;top:40%;left:10%;transform:translateY(-50%);color:#fff;z-index:10;max-width:800px}
.home-banner .banner-text h2{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2;text-shadow:1px 1px 5px rgba(0,0,0,.5)}
.home-banner .banner-text p{font-size:24px;font-weight:400;margin-bottom:15px;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,.5)}
.home-banner .banner-text .sub{font-size:18px;opacity:.9}
.home-banner .banner-btns{margin-top:30px;display:flex;gap:20px}
.home-banner .banner-btns .btn{display:inline-block;padding:12px 24px;font-weight:500;text-decoration:none;border-radius:4px;transition:all .3s ease;border:2px solid transparent;position:relative;z-index:0}
.home-banner .banner-btns .btn::before{content:"";width:0;height:100%;position:absolute;top:0;left:0;background-color:var(--color);z-index:-1;transition:width .3s ease}
.home-banner .banner-btns .btn:hover{border-color:var(--color)}
.home-banner .banner-btns .btn:hover::before{width:100%}
.home-banner .banner-btns .btn-primary{background-color:#007bb5;color:#fff}
.home-banner .banner-btns .btn-secondary{background-color:transparent;border-color:#fff;color:#fff}
@media (max-width:1200px){
.home-banner .banner-text h2{font-size:36px}
.home-banner .banner-text p{font-size:20px}
}
@media (max-width:768px){
.home-banner .banner-text{left:5%;width:90%;text-align:center}
.home-banner .banner-text h2{font-size:20px;margin-bottom:10px}
.home-banner .banner-text p{font-size:14px;margin-bottom:10px;display:none}
.home-banner .banner-text p:first-of-type{display:block}
.home-banner .banner-btns{justify-content:center;flex-direction:column;gap:10px;margin-top:0}
.home-banner .banner-btns .btn{width:100%;box-sizing:border-box;padding:0 10px;font-size:14px}
}
.home-about .subhead{font-size:20px;margin-top:10px}
.home-about .aboutimg iframe{width:100%;aspect-ratio:16/9;height:auto}
.home-project{padding-bottom:5%}
.home-project .home-project-box{margin-top:50px}
.home-project .project-wrap li{width:24%;margin-right:1.3%}
.home-project .project-wrap li .project-img{aspect-ratio:3/2;border-radius:10px;border:1px solid #eee;overflow:hidden}
.home-project .project-wrap li .project-name{font-size:var(--fontsize18);font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-project .project-wrap li:hover .project-name{color:var(--color)}
.home-project .project-wrap li .project-info{margin-top:10px}
.home-projects .video{margin-bottom:50px}
.home-projects .video iframe{height:auto}
.home-partner{padding-bottom:5%}
.home-partner .swiper-slide{display:flex;align-items:center;justify-content:center;height:auto}
.wmpage226-page3 .wmpage-lwrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.wmpage226-page3 .wmpage-title{text-align:center}
.wmpage226-page3 .page-dev{height:5px;background:var(--color);width:60px;position:relative;margin:15px auto 0}
.wmpage226-page3 .page-dev::after{content:'';position:absolute;width:30px;height:5px;background:#000;left:0}
.wmpage226-page3 .contact-page3{padding:90px 0}
.wmpage226-page3 .contact-page3 .l-wraps{display:flex;justify-content:space-between;align-items:center}
.wmpage226-page3 .page3-left{width:50%}
.wmpage226-page3 .page3-right{width:45%;padding:70px 50px;background:#fff;box-shadow:3px 3px 21px 3px rgba(229,229,229,.76);border-radius:3px}
.wmpage226-page3 .contact-page3 .page-title{text-align:center}
.wmpage226-page3 .contact-page3 .page-dev{margin:0 auto}
.wmpage226-page3 .page3-text .p1{font-size:26px;color:var(--color);line-height:1.25;margin-bottom:20px;font-weight:700}
.wmpage226-page3 .page3-list{margin:40px 0 30px}
.wmpage226-page3 .page3-li{display:flex;align-items:baseline;margin-bottom:10px}
.wmpage226-page3 .page3-li p{flex:1}
.wmpage226-page3 .page3-dev{width:15px;height:15px;border:1px solid var(--color);border-radius:100%;margin-right:13px;transform:translateY(8px);position:relative}
.wmpage226-page3 .page3-dev::after{position:absolute;content:'';width:5px;height:5px;background:var(--color);top:50%;left:50%;overflow:hidden;border-radius:100%;transform:translate(-50%,-50%)}
@media (max-width:1024px){
.wmpage226-page3 .page3-left{width:100%}
.wmpage226-page3 .page3-right{width:100%;padding:40px 35px}
}
@media (max-width:768px){
.wmpage226-page3 .page3-right{padding:30px 25px}
.wmpage226-page3 .page3-text .p1{font-size:20px;margin-bottom:10px}
.wmpage226-page3 .page3-list{margin:20px 0 15px}
}
@media (max-width:550px){
.wmpage226-page3 .page3-right{padding:20px 15px}
}
.wmpage167-page5{position:relative;overflow:hidden}
.wmpage167-page5-mySwiper{position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 20%,#000 80%,transparent 100%)}
.wmpage167-page5-mySwiper::after{content:'';position:absolute}
.wmpage167-page5-mySwiper .swiper-wrapper{-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.wmpage167-page5-title .wmpage-title{text-align:center;position:relative;display:inline-block;padding-bottom:5px;line-height:1;margin-bottom:15px}
.wmpage167-page5-title{margin-bottom:35px;display:flex;flex-direction:column;align-items:center}
.wmpage167-page5-title .wmpage-title::after{position:absolute;content:'';background:var(--color);border-radius:20px;width:100%;height:35%;left:0;bottom:0;background-repeat:no-repeat;z-index:-1;opacity:.4}
.wmpage167-page5-mySwiper .swiper-slide img{position:relative;opacity:1;transition:all .5s ease}
.wmpage167-page5-mySwiper .swiper-slide:hover img{opacity:.4;transform:scale(1.03)}
.wmpage167-page5-title span{position:relative;display:block;font-size:14px;color:#c6a47e;line-height:20px;font-weight:var(--fontbold3);margin-bottom:1px;text-transform:uppercase}