﻿.home-choose .cp-sec2{background:url(https://css02.v15cdn.com/m422/img/single/cp2-bg.webp) center/cover no-repeat;padding:30px 0px 0px}
.home-choose.cp-sec2 .cp-sec2-item{width:32.5%;margin-bottom:30px}
.home-choose .cp-sec2 .cp-sec2-item .single-title{text-align:left;line-height:1.2;margin-bottom:10px}
.home-choose .cp-sec2 .cp-sec2-item:first-of-type{display:flex;flex-direction:column;justify-content:center;padding-right:6%}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type){background:#FFFFFF;border:1px solid rgba(216,216,216,.55);padding:3%;position:relative;z-index:1}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon{position:relative;display:inline-block;color:var(--color);transition:color .3s}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon::before{content:"";display:block;width:38px;height:38px;background:var(--color);opacity:.1;border-radius:50%;position:absolute;right:-14px;bottom:-6px}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-icon em{position:relative;font-size:var(--hometitlefont);line-height:1}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title{font-size:var(--fontsize24);font-weight:var(--fontbold5);border-bottom:1px solid #e1e1e1;padding:15px 0px;margin-bottom:15px}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title .item-des{color:var(--introcolor);line-height:1.75;transition:color .3s}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-des{color:var(--introcolor);transition:color .3s}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type)::before{content:"";display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(https://css02.v15cdn.com/m422/img/single/cp2-item.webp) center/cover no-repeat;z-index:-1;opacity:0;transition:opacity .3s}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type):hover{color:#FFFFFF}
.home-choose .single-title{font-size:36px;text-align:left;line-height:1.2;margin-bottom:10px;font-weight:var(--fontbold5)}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-des,.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type):hover .item-icon{color:#FFFFFF}
.home-choose  .cp-sec2 .cp-sec2-item{width:32.5%;margin-bottom:30px}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type):hover::before{opacity:1}
.home-choose  .flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
@media(max-width:900px){.home-choose .cp-sec2{padding-bottom:20px}
.home-choose .cp-sec2 .cp-sec2-item{width:49%;margin-bottom:2%}
}@media(max-width:480px){.home-choose .cp-sec2 .cp-sec2-item{width:100%;margin:10px 0px}
.home-choose .cp-sec2 .cp-sec2-item:not(:first-of-type) .item-title{font-size:var(--fontsize18);padding:10px 0px;margin-bottom:10px}}
.home-choose{position:relative;padding: 0 0 4%}
.home-news{position:relative;padding:4% 0}
.home-cate{position:relative;padding:4% 0 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li{width:32%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n){margin-right:0px}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:25/16}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0px;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media(max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}
}@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate,.home-choose,.home-news{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
.home-project{padding-top:4%;}
.home-project .grid-box{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:20px;margin:3% auto 0;}
.home-project .item{background:#867a6e77;height:100%;min-height:200px}
.home-project .item img{object-fit:cover;width:100%;height:100%}
.home-project .item1{grid-column:1 / 2;grid-row:1 / 3}
.home-project .item2{grid-column:2 / 3;grid-row:1 / 3}
.home-project .item3{grid-column:3 / 4;grid-row:1 / 2}
.home-project .item4{grid-column:3 / 4;grid-row:2 / 3}
.home-project .item3{display:flex;align-items:center;justify-content:center;    padding: 10px;}
@media (max-width:768px){.home-project{padding-top:30px;}
.home-project .grid-box{grid-template-columns:1fr;grid-template-rows:auto;margin-top:20px;}
.home-project .item1,.home-project .item2,.home-project .item3,.home-project .item4{grid-column:auto;grid-row:auto;min-height:150px}}
#news{padding-top:4%;}
@media (max-width:768px){#news{padding-top:30px;}}
#home-swiper .swiper-slide.swiper-slide-active img {animation: bannerimg 6s forwards;}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
#product .pro-list li .pro-cont .pro-name{font-size: var(--fontsize18);}
#product .pro-list li{position:relative}
#product .pro-list li .mask{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s ease-out;opacity:0;cursor:pointer}
#product .pro-list li:hover .mask{opacity:1}
/* .home-project1{background: url(/Content/uploads/20251153590/2025081211461870b88f89e60a489bb3805a1107da5b22.jpg) no-repeat;background-size: cover;padding: 3% 0;position: relative;} */
.home-project1{background-size: cover;padding: 3% 0;position: relative;}
.home-project1:after{ content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(/Content/uploads/20251153590/2025081211461870b88f89e60a489bb3805a1107da5b22.jpg);background-size: cover;filter: blur(4px);z-index: -1;}
.home-project1 .home-label{font-size: var(--fontsize18);}
.home-project1 .item{display: flex;align-items: center;font-size: var(--fontsize20);}
.home-project1 .item1{justify-content: start;}
.home-project1 .item2{justify-content: center;}
.home-project1 .item3{justify-content: end;}
.home-project1 .img{max-width: 300px;aspect-ratio: 1 / 1;margin-right: 10px;}
.home-project1 img{object-fit: cover;border-radius: 50%;aspect-ratio: 1 / 1;max-width: 100%;}
@media (max-width:1024px){.home-project1 .item{justify-content: start;margin-bottom: 10px;}}
@media (max-width:768px){.home-project1 img{max-width: 150px;}}

#home-swiper .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#FFF;padding:0px 70px;opacity:0;text-align:center;text-shadow:1px 2px 3px var(--fontcolor)}
#home-swiper .banner-animote .p1{font-size:54px;font-weight:var(--fontbold6);margin:0px auto 20px}
#home-swiper .banner-animote .p2{font-size:26px;}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media (max-width:1024px){#home-swiper .banner-animote .p1{font-size:32px;margin-bottom:10px;}
#home-swiper .banner-animote .p2{font-size:14px;}}
@media (max-width:550px){#home-swiper .banner-animote .p1{font-size:var(--fontsize24);margin-bottom:3px;}
#home-swiper .banner-animote .p2{font-size:12px;}}
#home-swiper .swiper-slide-active .banner-animote {animation-delay: .2s;}
#about{background: #fdf7ef;}
#projects #home-projects .swiper-slide img{object-fit: cover;display: block;width: 100%;} 
#product{background: var(--color);;}
.home-choose .cp-sec2 .cp-sec2-item:nth-of-type(2):before{background:url(/Content/uploads/20251153590/202508121728404a6ef87772594da387a33a522d711570.jpg) no-repeat;background-size:cover}
.home-choose .cp-sec2 .cp-sec2-item:nth-of-type(3):before{background:url(/Content/uploads/20251153590/2025081217284381bfb9a9a26043b799e9c4faf9c19fe0.jpg) no-repeat;background-size:cover}
.home-choose .cp-sec2 .cp-sec2-item:nth-of-type(4):before{background:url(/Content/uploads/20251153590/2025081217284527db33c37d50474193b049d62a0dfb28.jpg) no-repeat;background-size:cover;background-position:center;}
.home-choose .cp-sec2 .cp-sec2-item:nth-of-type(5):before{background:url(/Content/uploads/20251153590/2025081217284155b49511a93e415c94ff8144ca345f88.jpg) no-repeat;background-size:cover;background-position:center;}
.home-choose .cp-sec2 .cp-sec2-item:nth-of-type(6):before{background:url(/Content/uploads/20251153590/202508121728451be58711aa4b445ba82fb8d31033c0cc.jpg) no-repeat;background-size:cover}
#product .pro-list li:hover .pro-name {color: #fff}
#product .more-btn ,#product .pro-list li .pro-cont .pro-name{color: #fff;}
#projects::before{background: url(/uploads/44249/page/p20250815091524307cf.jpg) no-repeat;background-size: cover;height:65%;}
#projects #home-projects .swiper-slide .projects-cont{position:unset;width:100%}
#product {padding-top:5vw;background: #fcf7ee;}
#product .more-btn, #product .pro-list li .pro-cont .pro-name{color:#000}
#projects .home-label{font-size:18px;}
#projects #home-projects .swiper-slide .projects-cont{opacity:1}
#projects #home-projects .swiper-slide .projects-cont p{font-size:32px;}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont p{font-size:var(--fontsize16)}
#projects::after{display:none;}
#projects .home-des{text-align:center;font-size:var(--fontsize18)}
#projects{padding-top:5vw}
#projects #home-projects{padding:8% 0 5%;}
@media (max-width:768px){#projects #home-projects{padding:9% 0 8%;}}
@media (max-width:540px){#projects #home-projects{padding:14% 0;}}
@media (max-width:768px){#projects{padding:40px 0;}
#projects .home-des{font-size:16px;}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont p,#projects #home-projects .swiper-slide .projects-cont p{font-size:14px;}}
#projects #home-projects{margin-top:0}
@media (min-width: 901px){#projects #home-projects .swiper-slide.swiper-slide-active{transform: scale(1.3)}
#projects #home-projects .swiper-slide.swiper-slide-next{transform: scale(0.7) translateX(20%)}
#projects #home-projects .swiper-slide.swiper-slide-prev{transform: scale(0.7) translateX(-20%)}
}

/*#product .home-label,#product .home-title,#product .pro-list{transition-duration: .5s!important;}*/
/*#news .home-label,#news .home-title,#news #home-news{transition-duration: .5s!important;}*/
#product{position: relative;background:initial}
#product::after{position: absolute;left: 0;top: 0;width: 100%;background: #fcf7ee;display: block;content: '';height: calc(96% - 80px);z-index: 9;}
#product .l-wrap{position: relative;z-index: 99;}