.home-project .swiper{padding-bottom: 0;}
.home-change-bg{background:url(/Content/uploads/202545399/2025022510422246688e3afad4413aa3e11263109001f3.png) no-repeat center center/cover;transition:background-image 0.5s ease}
.home-change-bg .l-wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.home-change-bg .item{display:flex;align-items:center;justify-content:center}
.home-change-bg .item span{padding:10px 20px;border:1px solid #fff}
.home-change-bg .item{padding:50%;cursor:pointer;font-size:20px;color:#fff;transition:color 0.3s;border-right:1px solid #fff}
.home-change-bg .item:last-child{border:none}
.home-change-bg .item:hover span{color:#111;background:#fff}
@media (max-width:768px){.home-change-bg .l-wrap{grid-template-columns:repeat(1,1fr)}
.home-change-bg .item{padding:10%;border-right:none;border-bottom:1px solid #fff}
}
.home-cirt{padding:4% 0;background:#fcfcfc;}
.home-cirt .homecirtSwiper{padding-bottom:50px;margin-top:40px;}
.home-cirt .homecirtSwiper .swiper-slide .img{overflow: hidden;}
.home-cirt .homecirtSwiper .swiper-slide img{width:100%;display:block;transition: all .3s;}
.home-cirt .homecirtSwiper .swiper-slide img:hover{transform: scale(1.08);}
.home-cirt .homecirtSwiper .swiper-slide p{text-align: center;margin-top:5px;}
.home-video{padding-top:4%;}
.home-video .list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:2%}
.home-video .more{padding:10px 20px;margin:20px 0;background:var(--color);color:#fff;width:fit-content}
@media (max-width:768px){.home-video .list{gap:20px;grid-template-columns:repeat(2,1fr)}}
.home-exhibition .list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:2%}
.home-exhibition .list li span{margin:10px 0;text-align:center;display:inline-block;width:100%}
.home-exhibition .list li img{width:100%;object-fit:cover}
@media (max-width:600px){.home-exhibition .list{gap:20px;grid-template-columns:repeat(1,1fr)}}
.home-about{padding:4% 0}
.home-about .about-info .about-content p.p1{margin-bottom:15px;}
.home-project{padding:4% 15px;margin-top:0;}
.home-product{padding-bottom:0;}
.home-product .home-des,.home-video .home-des,.home-exhibition .home-des,.home-cirt .home-des,.home-news .home-des,.home-project .home-des{margin-bottom:0;margin-top:5px;}
@media (max-width:768px){.home-about{padding:40px 0}}


.home-procate{position:relative;z-index:1;padding:4% 0;}
.home-procate .home-des,.home-procate .home-title{text-align:left}
.home-procate .home-line::after{left:0px;transform:none}
.home-procate .home-more{margin-top:40px}
.home-procate .l-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.home-procate .homeprocate-left{width:500px;padding-right:30px}
.home-procate .homeprocate-right{width:calc(100% - 500px)}
.home-procate .homeprocate-right #procate-r{padding-bottom:50px}
.home-procate .homeprocate-right .swiper-slide a{display:flex;width:100%}
.home-procate .homeprocate-right .swiper-slide a:hover img{transform:scale(1.05)}
.home-procate .homeprocate-right .swiper-slide .box{position:absolute;left:0px;bottom:0px;background:var(--color);color:var(--headercolor);display:flex;align-items:center;padding:20px;width:100%;max-width:300px;}
.home-procate .homeprocate-right .swiper-slide .box .span{font-size:var(--fontsize14)}
.home-procate .homeprocate-right .swiper-slide .box .title{font-size:var(--fontsize18);font-weight:var(--fontbold7)}
.home-procate .homeprocate-right .swiper-slide .box .box-right{margin-left:20px}
.home-procate .homeprocate-right .project-pagination{text-align:center;bottom:0px;position:absolute}
.home-procate .homeprocate-right .project-pagination .swiper-pagination-bullet{background:var(--color)}
@media (max-width:1280px){.home-procate .homeprocate-right .swiper-slide .box{max-width:100%;width:100%;padding:10px 15px}
.home-procate .homeprocate-left{width:100%;text-align:center}
.home-procate .home-des,.home-procate .home-title{text-align:center}
.home-procate .home-line::after{left:50%;transform:translateX(-50%)}
.home-procate .home-more{margin-top:30px}
.home-procate .homeprocate-right{width:100%;margin-top:30px}
}
@media (max-width:768px){.home-procate .home-more{margin-top:10px;}
.home-procate .homeprocate-left{padding-right:0;}}
.home-exhibition{background:#fcfcfc;padding:4% 0;}
.news-list .news-item .news-img img{aspect-ratio: 377/283;object-fit: cover;}
.home-brand{padding:10px 0 4%}
.brandlist{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px}
.brandlist li{width:9%;border:1px solid #eee;padding:5px;border-radius:5px;overflow:hidden;margin-right:1.11%;margin-bottom:15px;text-align:center}
@media (min-width:1281px){.brandlist li:nth-child(10n),.brandlist li:last-child{margin-right:0}}
@media (max-width:1280px) and (min-width:1025px){.brandlist li{width:15.5%;margin-right:1.4%}
.brandlist li:nth-child(6n),.brandlist li:last-child{margin-right:0}}
@media (max-width:1024px) and (min-width:501px){.brandlist li{width:24%;margin-right:1.333%}
.brandlist li:nth-child(4n),.brandlist li:last-child{margin-right:0}}
@media (max-width:500px){.home-brand{padding:10px 0 40px}
.brandlist{margin-top:20px}
.brandlist li{width:32%;margin-right:2%;margin-bottom:10px}
.brandlist li:nth-child(3n),.brandlist li:last-child{margin-right:0}}

.home-cate{position:relative;padding:4% 0}
.home-cate{background:#f5f5f5}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#fff;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color)}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#fff;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#fff;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%}
.home-cate .catelist ul li:nth-child(3n){margin-right:0}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:1/1}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:15px 15px;min-height:70px;text-align:center;display:flex;align-items:center;justify-content:center}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}
}@media(max-width:1280px){.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0}
}@media(max-width:1024px){.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}
}@media(max-width:768px){.home-cate{padding:40px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px}}
 .home-cate,.home-cate .cateul{background:#fff}
.home-cate .cateul li{color:#000000;background-color:#FFFFFF;border:1px solid #000000}
.home-cate .cateul li.active{background:#111;color:#fff}

.home-brand{padding:4% 0;}
.home-video{padding:4% 0;}
.home-project{background:#fcfcfc}
.home-product .home-des,.home-video .home-des, .home-exhibition .home-des, .home-cirt .home-des, .home-news .home-des, .home-project .home-des,.home-cate .home-des{margin-top:18px}
.home-cate{background:#fcfcfc}
.home-cate .l-wrap{text-align:center}
.home-cate .home-more{color:#fff;background:var(--fontcolor);padding:8px 30px;margin-top:40px}
.home-cate .catelist ul li{width:24%;margin-right:1.3%;margin-bottom:0 !important}
.home-cate .catelist ul li:nth-child(3n){margin-right:1.3%}
.home-cate .catelist ul li:nth-child(4n){margin-right:0}
.home-cate .catelist ul li:hover img{transform:scale(1.1)}
.home-video .more{margin:20px auto 0}
@media (max-width:768px){.home-brand,.home-video{padding:40px 0}
.home-cate .catelist ul li{width:49%;margin-right:0;margin-bottom:1em !important}
.home-cate .catelist ul li:nth-last-child(-n+2){margin-bottom:0 !important}
}
.home-project .swiper .swiper-slide p {text-align:center;margin-top:15px;font-size:var(--fontsize17)}
main section .l-wrap{padding-left:15px;padding-right:15px}
.home-cate .catelist {padding:0}
.home-title{font-size:52px}
.home-des{font-size:19px;margin-left:auto;margin-right:auto;max-width:1250px;}
@media (max-width:1440px){.home-title{font-size:46px}
.home-des{font-size:18px;}}
@media (max-width:1280px){.home-title{font-size:40px}
.home-des{font-size:17px;}}
@media (max-width:1024px){.home-title{font-size:35px}}
@media (max-width:500px){.home-title{font-size:28px}}
@font-face{font-family:"iconfont2";src:url('/js/9346/font/iconfont.ttf?t=1773817192601') format('truetype');}
.choose-item .iconfont{font-family:"iconfont2" !important;font-style:normal;}
.icon-xiangyingshi:before{content:"\e62b";}
.icon-gongzuojingyan:before{content:"\e79c";}
.icon-changjiazhixiao:before{content:"\e6ee";}
.icon-fuwu:before{content:"\e64b";}