#home-swiper .swiper-slide::after{background:linear-gradient(90deg, rgba(2,30,40,.80) 0%, rgba(2,30,40,.50) 45%, rgba(2,30,40,.18) 100%) ;}
#home-swiper .swiper-slide a img{width:100% ;object-fit:cover ; display:block ;}
#home-swiper .swiper-slide .banner-animate .p1{font-size:44px ; max-width:820px; line-height:1.3;}
#home-swiper .swiper-slide .banner-animate .p2{max-width:680px ; line-height:1.7; font-size:19px ;}
#home-swiper .swiper-slide .banner-animate .banner-btn{display:inline-block; margin-top:30px; padding:14px 36px; background:#269CDD; color:#fff;font-weight:700; border-radius:4px; text-decoration:none; font-size:16px; letter-spacing:.3px; transition:.3s;}
#home-swiper .swiper-slide .banner-animate .banner-btn:hover{background:#ffffff; color:#04222b;}
#home-swiper .swiper-slide .banner-animate{padding:0 7% ;}
@media (min-width:1025px) {
#home-swiper .swiper-slide .banner-animate.ban2{left: 80%;padding-left: 0;width: 40%;}
#home-swiper .swiper-slide .banner-animate.ban2 .p1{line-height: 1;-webkit-line-clamp:3}
#home-swiper .swiper-slide .banner-animate.ban3{text-align: center;}
#home-swiper .swiper-slide .banner-animate.ban3 .p1{margin-left: auto;margin-right:auto}
#home-swiper .swiper-slide .banner-animate.ban3 .p2{margin-left: auto;margin-right:auto}
}
.homecatlist{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.homecatlist .cat-img{overflow:hidden;border-radius:10px;background:#eef3f6}
.homecatlist .cat-img img{width:100%;height:240px;object-fit:cover;display:block;transition:transform .45s ease}
.homecatlist li:hover .cat-img img{transform:scale(1.06)}
.homecatlist .cat-title{margin-top:16px;font-size:18px;font-weight:700;color:#0c2a36}
.homecatlist .cat-more{margin-top:8px;color:#269CDD;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.homecatlist li:hover .cat-more{text-decoration:underline}
.home-hotsell{padding-bottom:90px}
.hotselllist{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.hotselllist .inprpic{overflow:hidden;border-radius:8px;background:#f1f4f7}
.hotselllist .inprpic img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .45s ease}
.hotselllist li:hover .inprpic img{transform:scale(1.06)}
.hotselllist p{margin-top:12px;font-size:14px;color:#1a2b33;text-align:center;line-height:1.45;min-height:40px;padding:0 4px}
.hotselllist li:hover p{color:#269CDD}
.about-img{position:relative}
.about-img .video-wrap{position:relative;width:100%;padding-bottom:62.5%;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.about-img .video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.home-choose .home-des,
.home-products .home-des,
.home-hotsell .home-des,
.home-news .home-des,
.home-case .home-des{max-width:1400px ;font-size:18px;line-height:1.8;padding:0 12px}
.home-label{font-size:16px;font-weight:700;color:#269CDD;letter-spacing:.4px;text-transform:uppercase;margin-bottom:14px;text-align:center}
.home-about .about-label{text-align:left;margin:0 0 14px}
.home-projects{position:relative;background:#0d2632;color:#fff}
.home-projects::before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:url(/uploads/14171/page/p20260903163951db3fb.jpg) center top/cover no-repeat;z-index:0}
.home-projects::after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(8,38,52,.45) 0%,rgba(8,38,52,.82) 100%);z-index:0}
.home-projects > *{position:relative;z-index:1}
.home-projects .home-title{color:#fff}
.home-projects .home-label{color:#a6e1f5}
.home-projects .projects-des{color:rgba(255,255,255,.88);max-width:1400px ;font-size:18px;line-height:1.8}
.home-projects .project-nav li{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);transition:.3s}
.home-projects .project-nav li .img{color:#a6e1f5}
.home-projects .project-nav li.act{background:rgba(38,156,221,.95);border-color:#269CDD}
.home-projects .project-nav li:hover{background:rgba(38,156,221,.7);border-color:#269CDD}
.home-projects .project-content .right{background:#fff;color:#0c2a36;border-radius:10px;padding:34px;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.home-projects .project-content .right .p1{color:#0c2a36}
.home-projects .project-content .right .p2{color:#3b5560}
.home-projects .project-content .right .more{color:#269CDD}
.home-news .newslist li .img{display:block;border-radius:10px 10px 0 0;overflow:hidden;background:#0d2632}
.home-news .newslist li .img img{display:block;width:100%;height:auto}
.home-contact{background:#f5f8fa;padding:4% 0}
.home-contact .wmpagecontainer{max-width:1600px;margin:0 auto;padding:0 24px}
.home-contact .wmpage-lwrap .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:stretch;gap:30px}
.home-contact .info{width:44%;background:#fff;border-radius:10px;padding:40px;box-shadow:0 12px 30px rgba(15,40,55,.06)}
.home-contact .info .wmpage-title{font-size:26px;font-weight:700;color:#0c2a36;}
.home-contact .info .tip{color:#222;font-weight:600;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.home-contact .info .page-line{width:50px;height:3px;display:block;background:#269CDD;margin:10px 0 14px}
.home-contact .info .txt{margin:0 0 24px;line-height:1.7;color:#5a6b75;font-size:15px}
.home-contact .info .list{list-style:none;padding:0;margin:18px 0 0}
.home-contact .info .list li{display:flex;margin-top:12px;font-weight:600;font-size:17px;color:#222;align-items:flex-start}
.home-contact .info .list li em{color:#269CDD;margin-right:12px;font-size:20px;min-width:24px}
.home-contact .info .list li a{flex:1;color:#222;word-break:break-word}
.home-contact .info .list li a:hover{color:#269CDD}
.home-contact .info .list li p{flex:1;margin:0}
.home-contact .inquiry-box{width:52%;border-radius:10px;background:#616161;padding:50px;color:#fff}
.home-contact .inquiry-box .wmpage-title{font-size:26px;font-weight:700;color:#fff}
.home-contact .inquiry-box .page-line{width:50px;height:3px;display:block;background:#fff;margin:10px 0 22px}
.home-contact .inquiry-box .txt{margin-bottom:30px;line-height:1.7;color:rgba(255,255,255,.92)}
@media (max-width:1024px){.home-contact .info,.home-contact .inquiry-box{width:100%}
.home-contact .inquiry-form label,.home-contact .inquiry-form > *{width:100%}
.home-contact .info .wmpage-title{font-size:22px}
.home-contact .info .list li{font-size: 16px;}}
@media (max-width:1100px){.hotselllist{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){#home-swiper .swiper-slide .banner-animate .p1{font-size:16px ;}
#home-swiper .swiper-slide .banner-animate .p2{font-size:12px ;display:block;margin-top:5px;line-height: 1.2;}
#home-swiper .swiper-slide .banner-animate .banner-btn{padding:5px 10px;font-size:12px;margin-top:8px}
.homecatlist{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.hotselllist{grid-template-columns:repeat(2,1fr)}
.homecatlist{grid-template-columns:1fr}}
.homecatlist .cat-img img{height:auto;}
@media (min-width:769px){.home-news{padding-top:4%;}}
.home-foottop::after{background: var(--fontcolor);}
@media (max-width:768px){.home-news{padding-top:40px}
.home-projects .project-nav li p{white-space: normal;}
.home-projects .project-nav{align-items: initial}
.home-contact{padding:40px 0;}
.home-contact .info,.home-contact .inquiry-box{padding:20px;}}