/* 关于我们 */
.abouttop{margin: 160px 0;}
.about{margin: 50px 0;}
.abouttop .slide{width: 100%;height: 600px;position: relative;}
.about .slide{padding: 50px;background: #f6f7fa;}
.aboutpage h3{font-size: 26px;margin-bottom: 30px;text-align: center;}
.about .slide .aboutus p{font-size: 16px; font-weight: 300;line-height: 30px;margin-bottom: 20px;font-family: var(--font-family-sans);}
.about .aboutus .about-content{display: flex;flex-direction: row;gap: 20px;}
.about .aboutus .about-content .img{width: 50%;}
.about .aboutus .about-content .img img{width: 100%;}
.about .aboutus .about-content .content{width: 50%;}
.aboutdata{border-top: 1px solid #edeff2;padding: 40px 20px 0 20px;margin-top: 40px;}
.aboutdata p{font-size: 14px;font-weight: 300;}
.aboutdata h4 i{font-size: 70px;font-weight: 700;font-family: var(--font-family-sans);}
.aboutdata h4 span{font-size: 14px;color: #929292;font-weight: 300;}
.aboutdata h4 p{display:inline}
.colImg{width: 100%; height: 500px;overflow: hidden;}
.about_good{
  margin: 50px 0;
}

.topbanner{width: 100%;height: 150px;position: relative;margin-top: 64px;}
.topbanner.big{height: 600px;}
.topbanner .imgslide{
    height: 100%;
}
.topbanner .imgslide img{width: 100%;transition: transform 1s ease;}
.topbanner:hover img{transform: scale(1.2);
    transition: all 1s ease;}
/* 产品列表 */
.recom{padding: 50px 0;}
.pro-min{padding: 50px 0;}
.pro-min .wrap{display: flex;flex-direction: row;gap: 50px; }
.pro-feat{margin: 50px 0;}
.pro-feat .wrap{border-radius: 10px;}
.pro-feat .box{
  display: flex;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.884), 70%, rgba(0, 0, 0, 0));
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    padding: 20px;
    flex-direction: row;}
.pro-feat .box .img{width: 50%;aspect-ratio: 16 / 9;}
.pro-feat .box .des{width: 50%;padding: 20px 50px 20px 20px;display: flex;justify-content: center;flex-direction: column;gap: 20px;font-size: 18px;color: #fff;line-height: 30px;}
.pro-title {border-bottom: 1px solid #e3e3e3;}
.pro-title .title{height: 100px;width: 100%;display: flex;justify-content: center;    margin: 10px 0 0 0;}
.pro-title .title .item a{display: flex;width: 200px;overflow: hidden;flex-direction: column;justify-content: space-between;align-items: center;}
.pro-title .title .item img{height: 60px;}
.pro-title .title .item h3{font-size: 14px;height: 34px;text-align: center;border-bottom: 2px solid transparent;}
.pro-title .title .active h3{border-bottom: 2px solid #ff0000;}
.probox{width:100%}
.probox .proitem{display: flex;flex-wrap: wrap;gap: 20px;}
.probox .proitem a{width: 100%;height: 100%;position: relative;}
.probox .proitem .imgBig{width: 100%; height: 100%;display: none;transition: transform 1s ease;}
.probox .proitem a:hover .imgBig{display: block;}
.probox .proitem a:hover  .img{display: none;}
.probox .proitem a:hover .box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20PX 40PX 20PX;
}
.probox .proitem .item{background: #fff;width:calc(25% - 20px);box-sizing: border-box;overflow: hidden;}
.probox .proitem .item .img {width: 100%; aspect-ratio: 1 / 1}
.probox .proitem .item  img {width: 100%;transition: transform 1s ease;}
.probox .proitem .item a:hover img{transform: scale(1.2);
    transition: all 1s ease;}
.probox .proitem .item h3{font-size: 24px;font-weight: 800;margin: 10px 0 20px 0;text-align: center;}
.probox .proitem a:hover  h3{color: #fff;margin: 0;}
.probox .proitem .item p{font-size: 14px;font-weight: 300;text-align: center;}
.proList{
  padding: 50px 0;
}
.proList .title h2{
  font-size: 30px;
  font-weight: 800;
   margin-bottom: 30px;
}
.listBox{
  display: flex;
  flex-wrap: wrap;
  gap: 30px; 
}
.listBox .item{
  width: calc(50% - 15px);
  background: #fafafa;
  position: relative;
  aspect-ratio: 2 / 1;
}
.listBox .item .imgBig{
  width: 100%;
  height: 100%;
  display: none;
  transition: transform 1s ease;
}
.listBox .item .box{
  display: flex;
  align-items: center; 
}
.listBox .item .box h3{
  font-size: 28px;
  font-weight: 800;
  padding: 0 20px;
}
.listBox .item .box>div{
  width: 50%;
}
.listBox .item .box img{
  width: 100%;
  aspect-ratio: 1 / 1;
}
.listBox .item:hover .imgBig{
  display: block;  
  aspect-ratio: 2 / 1;
}
.listBox .item:hover  .img{
  display: none;
}
.listBox .item:hover .box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.listBox .item:hover .box h3{
  color: #fff;
  padding: 0;
  text-align: center;
}
/* 产品详情 */
.proTop{
  margin: 10vh  0;
}
.proTop .title h4{
 display: flex;
 gap: 20px;
 align-items: center;
}
.proTop .title h4 img{
  width: 60px;
  height: auto;
}
.proImgs .swiper-slide{aspect-ratio: 2 / 3;}
.listBox .swiper-slide{aspect-ratio: 2 / 3;}
.infoBox .title{
  margin-bottom: 30px;}
.infoBox .title h2{
  font-size: 30px;
  font-weight: 800;
}
.proInfo{
  margin: 100px 0;
  padding: 50px;
  background: #fafafa;
}
.proInfo .title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.proInfo .menu{
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 4px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
}

.proInfo .menu .item{
  padding: 10px 40px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
  line-height: 1;
  cursor: pointer;
  transition: all .2s ease;
}

.proInfo .menu .item.active{
  background: #e8f0fe;
  color: #2563eb;
}
.proInfo .menu .item:hover{
   color: #2563eb;
}
.proInfo .content{
  margin-top: 30px;
  background: #FFF;
}
.proInfo .content img{
  max-width: 100%;  
}
.proInfo .content .item{
  display: none;
  flex-direction: column;
  align-items: center;
  padding: 50px 20px;
}

.proInfo .content .item.active{  
  display: flex;
}
.proInfo .content .item table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}
.proInfo .content .item table th,
.proInfo .content .item table td {
  border: 1px solid #e5e7eb;
  padding: 12px 16px;
  text-align: left;
  vertical-align: middle;
}
.proInfo .content .item table th {
  background-color: #f9fafb;
  color: #111827;
  font-weight: 600;
}
.proInfo .content .item table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
}
.proInfo .content .item table tbody tr:hover {
  background-color: #eef7ff;
  transition: background-color .2s ease;
}
.proDown{
  margin: 50px 0 100px 0;
}
.proDown .downBox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.proDown .downBox .list{
  flex: 0 1 calc(50% - 50px);
  display: flex;
  justify-content: space-between;  
  border-top: 1px solid #e3e3e3;
  margin-top: 20px;
  padding-top: 20px;
}
.proDown .downBox .list>div{
  display: flex;
  gap: 5px;
  align-items: center;
}
.proDown .downBox .list .title{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.proDown .downBox .list .title h4{
  font-size: 16px;
  font-weight: 800;
}
.proDown .downBox .list .title p{
  font-size: 14px;
  color: #3b3b3b;
}
.proDown .downBox .list:hover *{
  color: #2563eb;
}
/* 方案 */
.design{
  padding: 50px 0;
}
.colBox{
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.colBox .colList{
  width:  calc(50% - 30px);
  display: flex;
  flex-direction: column;
}
.colBox .colList:nth-child(even){
  flex-direction: column-reverse;
}
.colBox .colList .title{
  margin: 200px 0;
  display: flex;
  flex-direction: column;
  padding-right: 30%;
  gap: 30px;
}
.colBox .colList .title h3{
  font-size: 30px;
  font-weight: 800;
}
.colBox .colList .title p{
  font-size: 16px;
  color: #3b3b3b;
}
.colBox .colList .img{
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
}
.colBox .colList .img img{
  height: 100%;
  transition: transform 1s ease;
}
.colBox .colList:hover .img img{
  transform: scale(1.2);
  transition: all 1s ease;
}
.cubeBox{
  width: 100%;
}
.cubeBox .cubeList{
  width:  100%;
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
}
.cubeBox .cubeList>div{
  width: calc(50% - 30px);
}
.cubeBox .cubeList .title{
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #f3f3f3;
  padding: 40px;
}
.cubeBox .cubeList .title h2{
  font-size: 34px;
  margin-bottom: 30px;
}
.cubeBox .cubeList .title h3{
  font-size: 30px;
}
.cubeBox .cubeList .img{
  aspect-ratio: 1 / 1;
}
.process{
  padding: 50px 0;
}
.cubeSwiper .swiper-slide{
 display: flex;
 gap: 60px;
}
.cubeSwiper .swiper-slide>div{
  width: calc(50% - 30px);
}
.cubeSwiper .swiper-slide .img{
  aspect-ratio: 1 / 1;
}
.cubeSwiper .swiper-slide .title{
  display: flex;
  flex-direction: column;
  gap: 20px;
  background: #323232;
  padding: 40px;
}
.cubeSwiper .swiper-slide .title *{
  color: #fff;
}
.cubeSwiper .swiper-slide .title h2{
  font-size: 34px;
  margin-bottom: 30px;
}
.cubeSwiper .swiper-slide .title h3{
  font-size: 30px;
}
.cubeSwiper .swiper-button-next,.cubeSwiper .swiper-button-prev{
  top: auto;
  bottom: 150px;
      left: auto;
    right: 30px;
}
.cubeSwiper .swiper-button-prev{
  right: 150px;
}
.customized {
  padding: 50px 0;
  margin: 50px 0;
  background: #f3f3f3;
}
.tit-top h3{
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 30px;
}
.customized .fourBox{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.customized .fourBox .item{
  width: calc(25% - 30px);
}
.customized .fourBox .item .imgbox{
  width: 100%;
  aspect-ratio: 4 / 5;
}
.customized .fourBox .item .title{
 padding: 10px 0;
 border-bottom: 1px solid #e3e3e3;
}
.customized .fourBox .item .title h4{
  font-size: 20px;
}
.project-list.newcase .project-item .item{
  width: calc(33.33% - 13.33px);
}
/* 新闻中心 */
.news-list{margin: 100px 0;}
.newsitem{display: flex;flex-wrap: wrap;gap: 20px;}
.newsitem .item{background: #fff;width:calc(33.33% - 20px);}
.newsitem .item .img { height: 300px;overflow: hidden;border-radius: 1rem 1rem 0 0;    width: 100%;display: flex;justify-content: center;}
.newsitem .item .img img {height: 100%; transition: transform 1s ease; }
.newsitem .item a:hover img{transform: scale(1.2);
    transition: all 1s ease;}
.newsitem .item .title{height: 140px;padding: 20px;box-sizing: border-box;overflow: hidden;}
.newsitem .item .title h3{margin-bottom: 10px;}
.newsitem .item .bot{height: 60px;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #e3e3e3;padding: 0 20px;}
.newsitem .item .bot>div {color: #b1b1b1;}
.news-cont{margin: 20px 0 50px 0;}
.contbox .title h1{width: 100%;text-align: center;font-size: 30px;}
.contbox .title p{width: 100%;text-align: center;font-size: 14px;color: #b1b1b1;font-weight: 300;margin-top: 10px;}
.contbox .cont{margin-top: 20px;background: #fff;border-radius: 1rem;padding: 30px;}
.contbox .cont p{margin-bottom: 10px;}

/* 联系我们 */
.contact-box{margin: 180px 0 100px 0;}
.contact-box .contwrap {width: 100%;position: relative;height: 688px;}
.contact-box .contwrap .map{width: 100%;height: auto;}
.contact-box .contwrap .map>div{width: 100%;height: 688px;border-radius: 1rem;}
.contact-box .imap-box p{margin-top: 10px;font-weight: 300;}
.contact-box .contwrap .cont-list{justify-content: right;pointer-events: none;}
.contact-box .contwrap .contbox{background: #fff;border-radius: 1rem;width: 300px;height: 350px;margin-right: 60px;pointer-events:auto;}
.contact-box .contwrap .contbox .clogo img{margin-bottom: 20px;max-height: 40px;}
.contact-box .cont{
    margin: 80px 0;
    padding: 20px;
    background: #fff;
}
.cert-fan{
  position: relative;
  max-width: 1100px;
  height: 560px;
  margin: 50px auto 40px;
  overflow: visible;
}
.cert-fan__item{
  position: absolute;
  left: 50%;
  bottom: 60px;
  width: clamp(220px, 22vw, 280px);
  aspect-ratio: 1 / 1.414;
  background: #fff;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: -4px 6px 18px rgba(0, 0, 0, 0.13), -1px 2px 5px rgba(0, 0, 0, 0.06);
  padding: 5px;
  box-sizing: border-box;
  --p: calc((var(--i) - 1) / max(1, var(--n) - 1));
  --angle: calc(-36deg + var(--p) * 64deg);
  transform-origin: 50% 150%;
  transform: translateX(-50%) rotate(var(--angle));
  z-index: var(--i);
}
.cert-fan__item img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
@media screen and (max-width: 900px){
  .cert-fan{
    height: 420px;
  }
  .cert-fan__item{
    width: 180px;
    transform-origin: 50% 140%;
  }
}
@media screen and (max-width: 600px){
  .cert-fan{
    height: 320px;
  }
  .cert-fan__item{
    width: 130px;
    bottom: 40px;
    transform-origin: 50% 130%;
  }
}
/* 联系表单样式 */
.contact-box .cont form {
    width: 100%;
    margin: 0 auto;
}

.contact-box .cont .form-group {
    margin-bottom: 20px;
    width: 100%;
}

.contact-box .cont .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.contact-box .cont .form-group input,
.contact-box .cont .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
}

.contact-box .cont .form-group textarea {
    height: 150px;
    resize: vertical;
}

.contact-box .cont .form-submit {
    text-align: center;
    margin-top: 30px;
}

.contact-box .cont .form-submit .btn {
    background-color: #26b9f5;
    color: white;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.contact-box .cont .form-submit .btn:hover {
    background-color: #1b9ad2;
}

@media screen and (min-width: 768px) {
    .contact-box .cont form {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .contact-box .cont .form-group:nth-child(5),
    .contact-box .cont .form-submit {
        grid-column: span 2;
    }
}

/* 搜索页 */
.searchtop{padding: 60px 0 40px;background: #fff;}
.searchtop__inner{display: flex;flex-direction: column;align-items: center;}
.searchtop__title{font-size: 28px;font-weight: 600;color: #111;margin-bottom: 24px;}
.searchtop .search{position: relative;}
.searchtop .search img{position: absolute;left: 18px; top:50%; transform: translateY(-50%); width: 20px;}
.searchtop .search input{padding: 14px 20px 14px 48px;width: 560px;max-width: 90vw;height: 48px;border-radius: 8px; border: 1px solid #e0e0e0;background: #fff;box-sizing: border-box;font-size: 15px;}
.searchtop .search input:focus{outline: none;border-color: var(--theme-color);}
.help-list {margin: 0 0 60px;min-height: 50vh;}
.help-list>div{background: #fff;padding: 0;}
.help-list .helptitle h2{font-size: 28px;width: 100%;text-align: center;}
.help-list .helptitle p{font-size: 16px;width: 100%;text-align: center;font-weight: 300;margin: 10px 0 20px 0;}
.help-list .helpitem {display: flex;flex-wrap: wrap;gap: 20px;}
.help-list .helpitem .item{background: #fff;width:calc(20% - 20px);}
.help-list .helpitem .img { overflow: hidden;background:#F9F9F9; width: 100%;aspect-ratio: 1 / 1;display: flex;justify-content: center;padding: 30px;box-sizing: border-box;}
.help-list .helpitem .img .imgbox{width: 100%;height: 100%;display: flex}
.help-list .helpitem .img img{width: 100%;height: 100%;}
.help-list .helpitem .item a:hover img{transform: scale(1.2); transition: all 1s ease;}
.help-list .helpitem .title h3{font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 52px;}

/* 帮助中心详情 */
.help-cont {margin: 140px 0 100px 0;}
.help-cont .contbox .radius{padding: 20px;background: #fff;}
.help-cont .contbox{display: flex;justify-content: space-between;gap: 20px;}
.help-cont .contbox .left{width: 20%;}
.help-cont .contbox .left .leftbox h2{text-align: center;font-size: 28px;margin-bottom: 20px;}
.help-cont .left .title .item .tit{display: flex;justify-content: space-between;height: 40px;align-items: center;cursor: pointer;}
.help-cont .left .title .item .tit h3{font-size: 16px;}
.help-cont .left .title .item .tit img{width: 24px;height: 24px;transform:rotate(-90deg);}
.help-cont .left .title .item.active img{transform:rotate(0deg);}
.help-cont .left .title .item .navtit{display: none;}
.help-cont .left .title .item.active .navtit{display: block;}
.help-cont .left .title .item .navtit h4 {margin:10px 0 10px 8px; }
.help-cont .left .title .item .navtit h4 a{font-size: 14px;font-weight: 300;color:#3b3b3b;line-height: 16px;}
.help-cont .left .title .item .navtit h4 a.active,.help-cont .left .title .item .navtit h4 a:hover{color: red;}
.help-cont .contbox .right{width: 76%;}
.help-cont .contbox .right .tit h3{text-align: center;font-size: 30px;}
.help-cont .contbox .right .rightcont {padding: 20px;}
.help-cont .contbox .right .rightcont p{margin-bottom: 10px;}

/* 搜索结果 */
.searchitem .list{border-bottom: 1px solid #eee;}
.searchitem .list:last-child{border-bottom: none;}
.searchitem .list a{display: flex;padding: 18px 12px;align-items: center;text-decoration: none;color: inherit;transition: background 0.15s;}
.searchitem .list a:hover{background: #f5f5f5;}
.searchitem .list a span{flex: 0 0 240px;display:flex;background:#f0f0f0;color:#555;font-size:12px;font-weight:500;padding:8px 14px;margin-right:28px;align-items: center;justify-content:flex-start;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing:0.02em;}
.searchitem .list a .title{flex: 1;font-size: 15px;font-weight: 400;line-height: 1.5;color: #333;}
.searchitem .list a:hover .title{color: var(--theme-color);}
.searchitem__empty{padding: 60px 0;text-align: center;color: #999;font-size: 15px;}


/* APP下载 */
.appdown {height: 100vh;margin-top: 64px;}
.topbanner.appdown .imgslide {width: 100%;height: 100vh;}
.topbanner:hover .store img{transform:none}
.appdown .cont-tit h2{margin: 20px 0;color: #e1e1e1;}

/* 售后服务 */
.serhead{margin: 140px 0 50px 0;}
.serhead .headbox{background: #fff;position: relative;height: 270px;width: 100%;align-items: flex-start;padding-left: 50px;box-sizing: border-box;}
.serhead .headbox h2{font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;}
    .serhead .headbox p{font-size: 14px;    font-weight: 400;
        color: #898a8e;}
.serhead .headbox .img{position: absolute;bottom: 0;right: 10%;}
.serhead .headbox .img img{height: 260px;}
.sercont .serbox{background: #fff;padding: 40px;margin-bottom: 100px;}
.sercont .serbox p{margin-bottom: 10px;}

/* 项目分类列表 */
.category-list {
  margin: 50px 0;
}

.category-list h1 {
  text-align: center;
  font-size: 34px;    
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #edeff2;
}

.category-list .category-item {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.category-list .category-item a {
  padding: 20px 30px;
  background-color: #dcdcdc;
  text-align: center;
  transition: all 0.3s ease;
  font-size: 16px;
  color: #333;
}

.category-list .category-item a:hover {
  background-color: #c5c5c5;
}

.category-list .category-item a.active {
  background-color: #222;
  color: #fff;
}
.project-list .project-item{
  gap:20px;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.project-list .project-item .item{
  width: calc(25% - 15px);
  box-sizing: border-box;
  background-color: #fbfbfb;
  transition: all 0.3s ease;
  overflow: hidden;
}
.project-list .project-item .item .imgbox{
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.project-list .project-item .item .title{
  padding: 20px;
  height: 140px;
  overflow: hidden;
}
.project-list .project-item .item .title p{
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.project-list .project-item .item:hover *{
  color: var(--theme-color-light);
}

/* 项目详情 */
.bigViwe{
  width: 100%;
  height: 100vh;
  display: flex;
}
.bigViwe .imgs{
  width: calc(100% - 400px);
  height: 100%;
  position: relative;
}
.bigViwe .imgs .swiper{
  width: 100%;
  height: 100%;
}
.bigViwe .imgs .go{
  position: absolute;
  top: 50px;
width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  z-index: 1000;
  padding: 0 50px;
}
.bigViwe .imgs .go a{
  background: var(--theme-color-light);
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
}
.bigViwe .imgs .go a i{
  font-size: 30px;
  color: #fff;
}
.bigViwe .imgs .go a:hover{
  background: #fff;
}
.bigViwe .imgs .go a:hover i{
  color: var(--theme-color-light);
}
.bigViwe .imgs .go .back i{
transform: rotate(45deg);
}
.bigViwe .imgs .swiper-button-next,.bigViwe .imgs .swiper-button-prev{
  top: auto;
  bottom: 30px;
}
.bigViwe .content{
  width: 400px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  overflow: hidden;
}
.bigViwe .content .conTop{
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  flex: 1;
  min-height: 0;
  width: 100%;
}
.bigViwe .content .title{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.bigViwe .content .title img{
  height: 40px;
  margin-bottom: 30px;
}
.bigViwe .content .conBox{
  padding: 10px;
  flex: 1;
  overflow-y: auto;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: var(--theme-color-light) #eaeaea;
}
.bigViwe .content .conBox::-webkit-scrollbar{width: 8px;}
.bigViwe .content .conBox::-webkit-scrollbar-track{background: #f0f0f0;border-radius: 8px;}
.bigViwe .content .conBox::-webkit-scrollbar-thumb{background: var(--theme-color-light);border-radius: 8px;border: 2px solid #f0f0f0;}
.bigViwe .content .conBox::-webkit-scrollbar-thumb:hover{background: #0056b3;}
.bigViwe .content .conBottom{padding: 10px 20px;flex-shrink: 0;}
.bigViwe .content .conBottom .menu{
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
}
.bigViwe .content .conBottom .menu .previous i{
  display: inline-block;
  transform: rotate(180deg);
}
.bigViwe .content .conBottom .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  background-color: var(--theme-color-light);
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.bigViwe .content .conBottom .btn a:hover{
  background-color: #0056b3;
}
.bigViwe.active .content{
  display: none;
}
.bigViwe.active .imgs{
  width: 100%;
}
.bigViwe.active .imgs .go .cont i{
  transform: rotate(180deg);
}


.faq-list .faq-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.faq-list .faq-item .tips-list{
  width: 100%;
  border-top: 1px solid #edeff2;
  padding: 25px 0;
}
.faq-list .faq-item .tips-list .tips{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;  
}
.faq-list .faq-item .tips-list .tips h2{
  font-size: 20px;
}
.faq-list .faq-item .tips-list .tips i{
  font-size: 30px;
}
.faq-list .faq-item .tips-list.active .tips i{
  transform: rotate(90deg);
  display: block;
}
.faq-list .faq-item .tips-list .tips-content{
  padding-top: 20px;
  display: none;
}
.faq-list .faq-item .tips-list.active .tips-content{
  display: block;
}
.tech-list .tech-item{
  gap: 20px;
  width: 100%;
  flex-direction: column;
}
.tech-list .tech-item .item a{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 50px;
  padding-bottom: 50px;
}
.tech-list .tech-item .item .img{
  width: 30%;
  aspect-ratio: 5 / 3;
}
.tech-list .tech-item .item .img img{
  width: 100%;
}
.tech-list .tech-item .item .titbox{
  width: 70%;
}
.tech-list .tech-item .item .titbox h3{
  font-size: 20px;
}
.tech-list .tech-item .item .titbox .des{
  font-size: 16px;
  padding: 30px 0 60px 0;
}
.tech-list .tech-item .item .titbox .more{
  padding: 15px 30px;
  color: #000;
  border: 1px solid #000;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  transition: all 0.3s ease;
}
.tech-list .tech-item .item .titbox .more i{
  padding-left: 10px;
}
.tech-list .tech-item .item:hover .titbox .more{
  background-color: #000;
  color: #fff;
}
.tech-list .tech-item .item:hover .titbox .more i{  
  color: #fff;
}
.category-list.tech-detail h1{
 border-bottom:none;
}
.project-cont.tech-detail .box .title{
  border-bottom:none;
  border-top:1px solid #edeff2;
  padding-top: 50px;
}
.download-item,.download-item .item{
  width: 100%;
}
.download-item{
  gap: 20px;
  flex-direction: column;
}
.download-list .download-item{
  gap: 20px;
  width: 100%;
  flex-direction: column;
  padding-bottom: 50px;
}
.down-list{
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius:20px;
  border: 1px solid #a9a9a9;
}
.down-list:hover{
  border: 1px solid red;
}
.down-list>div{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.down-list h3{
  font-size: 16px;
}
.down-list p{
  font-size: 14px;
  color:#a9a9a9 ;
  font-weight: 300;
}
@media screen and (max-width: 1100px) {
  .topbanner{
    height: 300px;
  }
  .choose .choose-box .item{width: calc(50% - 20px);}
  /* 移动端产品信息提示区域布局 */
  .proinfo-tips {
    flex-direction: column;
  }
  
  .proinfo-tips .imgs,
  .proinfo-tips .feat {
    width: 100%;
  }
    .abouttop,.contact-box,.serhead,.help-cont {
        margin: 100px 0 60px 0;}
    .about .slide{
            padding: 20px;
        }
    .aboutdata {
    border-top: 1px solid #edeff2;
    padding: 40px 0 0 0;
    margin: 40px 0;}
    .aboutdata h4{font-size: 40px;}
    .history h3{margin-left: 10px;}
    .newsitem{padding: 0 10px;}
    .newsitem .item{width: 100%;}
    .contact-box .contwrap .cont-list{align-items: flex-end;}
    .contact-box .contwrap .contbox{    height: 250px;        margin-bottom: 20px;}
    .contact-box .cont{
        flex-direction: column;
        text-align: center;
        gap: 30px;
      }
      .serhead .headbox .img{
        right: 0;
      }
      .serhead .headbox .img img{height: 180px;}
      .serhead .headbox p{width: 50%;}
      .searchtop .content .search input{
        width: 300px;
    }
    .help-list>div{padding: 40px 0;}
    .help-list .helpitem{justify-content: center;}
    .help-list .helpitem .item{
        width:calc(50% - 20px);
    }
    .help-cont .contbox{flex-direction: column-reverse;}
    .help-cont .contbox .left,.help-cont .contbox .right{width: 100%;box-sizing: border-box;}

    .sol-top .solitemwrap{flex-direction: column;
        gap: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .sol-top .solitemwrap .item{
        flex-basis:auto
    }
    .sol-fun .funtit .title{white-space: nowrap;       
        overflow-x: auto;     
        display: flex;  
    }
    .pro-title,.pro-cont{width: 100%;}
    .probox .proitem{flex-direction: column;}
    .pro-title .title{    justify-content: flex-start;
      flex-direction: row;
      padding-bottom: 20px;
      flex-wrap: wrap;
      white-space: nowrap;
      overflow-x: visible;}
        .pro-title .title .item {flex: 1 1 auto;}
        
        .pro-title .title .item a{width:auto}

.pro-img{
    height: 50vh;
}
.pro-list .list{
    gap: 10px;
    margin: 20px 0;
}
.pro-list .list>div{
    border-radius: 8px;
}


}

@media screen and (max-width: 1460px){
  .proinfo .wrap{padding: 50px 20px;}
}



@media screen and (max-width: 768px) {
  .about{margin:50px 0;padding: 0;}  
  .about .aboutus .about-content{flex-direction: column;}
  .about .aboutus .about-content .img,.about .aboutus .about-content .content{width: 100%;}
  .about .aboutdata .datawrap{flex-direction: column;}
  .about-wedo .wedo-box .item{width: 100%;}
  .choose .choose-box .item{width: calc(50% - 20px);}
  .category-list .category-item {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
  }
  
  .category-list .category-item a {
    flex: 1 1 calc(50% - 5px);
    padding: 10px 15px;
  }
  
  .category-list h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .project-list .project-item .item{
    width: 100%;
  }
  .project-list .project-item .item .titbox .more{
    width: 50%;
  }
  .tech-list .tech-item .item a{
    flex-direction: column;
  }
  .tech-list .tech-item .item .img,
  .tech-list .tech-item .item .titbox{
    width: 100%;
  }
  .pro-title .title{
      height: auto;
  }
  .pro-title .title .item{
      flex:auto;
      width: 50%;
  }
  .probox .proitem .item,.listBox .item{
      width: 100%;
  }
  .proTop{
      margin:0;
  }
  .proInfo{padding:0}
  .proInfo .title{
      flex-direction: column;
      gap:20px
  }
  .proDown .downBox .list{
      flex:  0 1 auto;
  }
  .proDown .downBox .list .title i{
      display: none;
  }
  .proDown .downBox .list .title{
    flex-direction: column;
    gap:5px;
    align-items: flex-start;
  }
  .bigViwe{
      flex-direction: column;
      height: auto;
  }
  .bigViwe .imgs{
      width: 100%;
      height: 100vh;
  }
  .bigViwe .imgs .go{top: 10px; padding: 0 10px}
  .bigViwe .imgs .go .cont{
      display: none;
  }
  .bigViwe .content{width: 100%;height: auto;}
  .contact-box .contwrap .contbox{width: calc(100% - 10px);margin:5px}
  
}
.contact-box  .contact .contact-tit h3,.contact-box .contact .contact-tit p{
    color: #000;
}

/* About 页面 */
.about-page{padding: 0 0 80px;}
.about-page .wrap{max-width: 1400px; padding: 0 60px; box-sizing: border-box;}
.about-article__header{margin-bottom: 40px;}
.about-article__header h2{font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 8px;}
.about-article__subtitle{font-size: 16px; color: #888; font-weight: 400;}
.about-article__content{font-size: 16px; line-height: 1.8; color: #333;}
.about-article__content p{margin-bottom: 16px;}
.about-article__content ul{margin: 0 0 20px 40px; padding-left: 20px;}
.about-article__content li{margin-bottom: 8px; line-height: 1.8; list-style: disc;}
.about-article__content h3{font-size: 20px; font-weight: 600; margin: 24px 0 12px; color: #1a1a1a;}

/* About 通用 section */
.about-section{padding: 60px 0 80px; background: #fff;}
.about-section .wrap{padding: 0 60px; box-sizing: border-box;}
.about-section__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 40px;}

/* Our Strengths (白底) */
.about-strengths-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;}
.about-strength-item{text-align: center; padding: 20px;}
.about-strength-icon{width: 64px; height: 64px; margin: 0 auto 16px; color: var(--theme-color); display: flex; align-items: center; justify-content: center;}
.about-strength-icon svg,
.about-strength-icon img{width: 48px; height: 48px; object-fit: contain;}
.about-strength-item h4{font-size: 17px; font-weight: 700; color: #1a1a1a; margin: 0 0 10px;}
.about-strength-item p{font-size: 13px; color: #666; line-height: 1.6; margin: 0;}

/* Contact CANNABMALL (白底) */
.about-contact__desc{font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 24px;}
.about-contact__info{font-size: 18px; color: #333; line-height: 2;}
.about-contact__info a{color: var(--theme-color); text-decoration: none;}
.about-contact__info a:hover{text-decoration: underline;}

/* OUR FACTORY */
.about-factory__slider{position: relative; overflow: hidden;}
.about-factory__slider .factorySwiper{overflow: visible; padding: 0 24px;}
.about-factory__slider .swiper-slide{width: 400px; flex-shrink: 0;}
.about-factory__slider .swiper-slide img{width: 100%; height: 300px; object-fit: cover; border-radius: 8px; display: block;}
.factory-prev, .factory-next{
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 48px; height: 48px; border-radius: 50%;
    background: rgba(0,0,0,0.5); cursor: pointer; z-index: 10;
    display: flex; align-items: center; justify-content: center;
}
.factory-prev{left: 10px;}
.factory-next{right: 10px;}
.factory-prev::after, .factory-next::after{
    content: ''; width: 12px; height: 12px;
    border-top: 2px solid #fff; border-right: 2px solid #fff;
}
.factory-prev::after{transform: rotate(-135deg); margin-left: 4px;}
.factory-next::after{transform: rotate(45deg); margin-right: 4px;}
.swiper-button-lock{display: none;}

/* Blog 列表 */
.blog-list-page{padding: 0 0 80px;}
.blog-list-page .wrap{padding: 0 60px; box-sizing: border-box;}
.blog-list-page__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 40px;}
.blog-cards{display: flex; flex-wrap: wrap; gap: 30px;}
.blog-card{display: block; width: calc((100% - 90px) / 4); text-decoration: none; color: inherit; background: #fff; border-radius: 8px; overflow: hidden; transition: box-shadow 0.2s;}
.blog-card:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
.blog-card__img{width: 100%; height: 200px; overflow: hidden;}
.blog-card__img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.blog-card__body{padding: 16px 20px 20px;}
.blog-card__title{font-size: 18px; font-weight: 700; color: #111; margin: 0 0 10px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blog-card__desc{font-size: 14px; color: #555; line-height: 1.6; margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.blog-card__date{font-size: 13px; color: #888; margin: 0;}
.blog-empty{text-align: center; color: #999; padding: 40px 0;}

/* Solution 页面 */
.solution-page{padding: 0 0 80px;}
.solution-page .wrap{padding: 0 0 0 0; box-sizing: border-box;}
.solution-page__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 40px;}
.solution-layout{display: flex; gap: 40px; align-items: flex-start;}
.solution-sidebar{width: 280px; flex-shrink: 0;}
.solution-sidebar__item{display: block; padding: 14px 0; border-bottom: 1px solid #eee; text-decoration: none; color: inherit; transition: color 0.2s;}
.solution-sidebar__item:hover{color: var(--theme-color);}
.solution-sidebar__item.active{color: var(--theme-color); font-weight: 600;}
.solution-sidebar__name{font-size: 15px; font-weight: 500; margin: 0; line-height: 1.4;}
.solution-content{flex: 1; min-width: 0;}
.solution-article__title{font-size: 24px; font-weight: 700; color: #1a1a1a; margin: 0 0 24px;}
.solution-article__body{font-size: 16px; line-height: 1.8; color: #333;}
.solution-article__body p{margin-bottom: 16px;}
.solution-article__body img{width: 960px; max-width: 100%; height: auto; margin: 20px auto; border-radius: 8px; display: block;}
.solution-empty{text-align: center; color: #999; padding: 40px 0;}
.solution-detail-view__nav{display: flex; gap: 16px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #eee;}
.solution-detail-view__nav a{font-size: 14px; color: #333; text-decoration: none; padding: 8px 16px; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s;}
.solution-detail-view__nav a:hover{background: #333; color: #fff; border-color: #333;}

/* Project 列表 */
.project-list-page{padding: 0 0 80px;}
.project-list-page .wrap{max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.project-list-page__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 40px;}
.project-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.project-card{display: block; text-decoration: none; color: inherit; background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #eee; transition: border-color 0.2s;}
.project-card:hover{border-color: var(--theme-color);}
.project-card__img{width: 100%; overflow: hidden; aspect-ratio: 4 / 3;}
.project-card__img img{width: 100%; height: 100%; object-fit: cover; display: block;}
.project-card__body{padding: 20px;}
.project-card__body h4{font-size: 18px; font-weight: 700; color: var(--gray-700); margin: 0 0 8px; line-height: 1.4; transition: color 0.2s;}
.project-card:hover .project-card__body h4{color: var(--theme-color);}
.project-card__body p{font-size: 14px; color: #666; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.project-empty{text-align: center; color: #999; padding: 60px 0; font-size: 16px;}

/* FAQ 页面 */
.faq-page{padding: 0 0 80px;}
.faq-page .wrap{max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.faq-page__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin: 0 0 40px;}
.faq-accordion__item{background: #f3f4f7; border-radius: 8px; margin-bottom: 12px; overflow: hidden;}
.faq-accordion__question{display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; cursor: pointer; transition: background 0.2s;}
.faq-accordion__question:hover{background: #eaecef;}
.faq-accordion__question h3{font-size: 18px; font-weight: 500; color: #2e3036; margin: 0; line-height: 1.5;}
.faq-accordion__icon{width: 20px; height: 20px; flex-shrink: 0; position: relative; margin-left: 16px;}
.faq-accordion__icon::before,
.faq-accordion__icon::after{content: ''; position: absolute; top: 50%; left: 50%; background: #2e3036; transition: transform 0.3s;}
.faq-accordion__icon::before{width: 14px; height: 2px; transform: translate(-50%, -50%);}
.faq-accordion__icon::after{width: 2px; height: 14px; transform: translate(-50%, -50%);}
.faq-accordion__item.open .faq-accordion__icon::after{transform: translate(-50%, -50%) rotate(90deg); opacity: 0;}
.faq-accordion__answer{max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
.faq-accordion__answer-inner{padding: 0 24px 20px; font-size: 15px; line-height: 1.8; color: #333;}
.faq-accordion__answer-inner p{margin: 0 0 10px;}
.faq-accordion__answer-inner p:last-child{margin-bottom: 0;}
.faq-accordion__answer-inner ul{margin: 0 0 10px; padding-left: 20px;}
.faq-accordion__answer-inner li{margin-bottom: 4px;}
.faq-empty{text-align: center; color: #999; padding: 40px 0;}

/* Blog 详情 */
.blog-detail-page{padding: 0 0 80px;}
.blog-detail-page .wrap{max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.blog-detail__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin: 0 0 12px; line-height: 1.4;}
.blog-detail__meta{margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.blog-detail__date{font-size: 14px; color: #888;}
.blog-detail__content{font-size: 16px; line-height: 1.8; color: #333;}
.blog-detail__content p{margin-bottom: 16px;}
.blog-detail__content img{max-width: 100%; height: auto; border-radius: 8px; margin: 20px 0; display: block;}
.blog-detail__content h2, .blog-detail__content h3{margin: 24px 0 12px; color: #1a1a1a;}
.blog-detail__content ul, .blog-detail__content ol{margin-bottom: 16px; padding-left: 24px;}
.blog-detail__content li{margin-bottom: 6px;}

/* 分享按钮 */
.blog-detail__share{display: flex; align-items: center; gap: 12px; margin: 40px 0; padding-top: 24px; border-top: 1px solid #eee;}
.blog-detail__share-label{font-size: 15px; color: #666; font-weight: 500;}
.blog-detail__share-list{display: flex; gap: 12px;}
.blog-detail__share-btn{display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.5); transition: color 0.2s; text-decoration: none;}
.blog-detail__share-btn svg{color: inherit; fill: currentColor;}
.blog-detail__share-btn svg path{color: inherit; fill: currentColor;}
.blog-detail__share-btn:hover{color: #333 !important;}

/* 上一篇/下一篇 */
.blog-detail__nav{margin-top: 30px; padding-top: 24px; border-top: 1px solid #eee;}
.blog-detail__nav-prev, .blog-detail__nav-next{margin-top: 10px; font-size: 15px;}
.blog-detail__nav-prev span, .blog-detail__nav-next span{color: #888;}
.blog-detail__nav-prev a, .blog-detail__nav-next a{color: #111; text-decoration: none; transition: color 0.2s;}
.blog-detail__nav-prev a:hover, .blog-detail__nav-next a:hover{color: var(--theme-color);}

/* Download 页面 */
.download-page{padding: 0 0 80px; min-height: 60vh;}
.download-page .wrap{max-width: 1400px; margin: 0 auto; padding: 40px 20px 0; box-sizing: border-box;}

.download-items{display: flex; flex-wrap: wrap; gap: 20px;}
.download-page .product-list-layout{min-height: calc(60vh - 100px); align-items: stretch;}
.download-page .product-list-content{display: flex; flex-direction: column;}
.download-items__item{width: calc(50% - 10px); max-width: 100%; box-sizing: border-box;}
.download-items__item a{display: flex; flex-direction: row; align-items: center; text-decoration: none; color: #333; transition: color 0.2s;}
.download-items__item a:hover{color: var(--theme-color);}
.download-items__item img{width: 50px; height: 50px; object-fit: cover; border-radius: 6px; margin-right: 10px; flex-shrink: 0;}
.download-items__placeholder{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 6px; margin-right: 10px; color: #bbb; flex-shrink: 0;}
.download-items__item span{font-size: 15px; line-height: 1.4; word-break: break-word;}

.download-entry-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; max-width: 900px; margin: 0 auto;}
.download-entry-tile{display: flex; flex-direction: column; align-items: center; padding: 40px 20px; background: #fff; border: 1px solid #eee; border-radius: 12px; text-decoration: none; color: #333; transition: border-color 0.2s, box-shadow 0.2s;}
.download-entry-tile:hover{border-color: var(--theme-color); box-shadow: 0 4px 20px rgba(0,0,0,0.06);}
.download-entry-tile__img{width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.download-entry-tile__img img{width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.download-entry-tile__placeholder{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 8px; color: #bbb;}
.download-entry-tile__title{font-size: 20px; font-weight: 600; color: #1a1a1a; margin: 0; text-align: center;}

@media screen and (max-width: 768px){
    .download-items__item{width: 100%;}
    .download-entry-grid{grid-template-columns: 1fr;}
}

/* Product 列表页 */
.product-list-page{padding: 0 0 80px;}
.product-list-page .wrap{max-width: 1400px; margin: 0 auto; padding: 40px 20px 0; box-sizing: border-box;}
.product-list-page .category-banner{margin-bottom: 0;}
.product-list-page__title{font-size: 32px; font-weight: 700; color: #1a1a1a; margin: 0 0 40px; text-transform: uppercase;}
.product-list-layout{display: flex; gap: 30px; align-items: flex-start; scroll-margin-top: 80px; min-height: 60vh;}
.product-list-sidebar{flex: 0 0 300px; border-right: 1px solid #eee; padding-right: 20px; position: sticky; top: 80px; align-self: flex-start;}
.product-list-sidebar__group{position: relative; border-bottom: 1px solid #eee;}
.product-list-sidebar__group:last-child{border-bottom: none;}
.product-list-sidebar__parent{display: block; padding: 14px 30px 14px 16px; font-size: 16px; color: #333; text-decoration: none; transition: background 0.2s, color 0.2s;}
.product-list-sidebar__parent:hover{background: #f5f5f5;}
.product-list-sidebar__parent.active{color: #1a1a1a; font-weight: 600; background: #d8d8d8;}
.product-list-sidebar__toggle{position: absolute; top: 14px; right: 8px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #999; transition: transform 0.2s, color 0.2s;}
.product-list-sidebar__toggle:hover{color: var(--theme-color);}
.product-list-sidebar__toggle.expanded{transform: rotate(180deg);}
.product-list-sidebar__children{max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
.product-list-sidebar__children.expanded{max-height: 500px;}
.product-list-sidebar__child{display: block; padding: 10px 16px 10px 28px; font-size: 14px; color: #666; text-decoration: none; transition: background 0.2s, color 0.2s;}
.product-list-sidebar__child:hover{background: #f5f5f5;}
.product-list-sidebar__child.active{color: #1a1a1a; font-weight: 500; background: #d8d8d8;}
.product-list-content{flex: 1; display: flex; flex-wrap: wrap; gap: 20px;}
.product-list-card{display: flex; flex-direction: column; width: calc(25% - 15px); text-decoration: none; border: none; border-radius: 8px; overflow: hidden; transition: transform 0.3s ease;}
.product-list-card__img{width: 100%; aspect-ratio: 1; overflow: hidden; background: #f5f5f5; border-radius: 8px;}
.product-list-card__img img{width: 100%; height: 100%; object-fit: contain; display: block; transition: transform 0.3s ease;}
.product-list-card__placeholder{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ccc;}
.product-list-card__body{padding: 14px 0; flex: 1; display: flex; flex-direction: column;}
.product-list-card__body h4{font-size: 15px; font-weight: 400; color: #2e3036; margin: 0 0 10px; line-height: 1.25; transition: color 0.2s; text-align: center;}
.product-list-card:hover .product-list-card__body h4{color: var(--theme-color);}
@media (min-width: 769px){
    .product-list-card:hover{transform: translateY(-6px) scale(1.035); z-index: 2; position: relative;}
    .product-list-card:hover .product-list-card__img img{transform: scale(1.05);}
}
.product-list-empty{text-align: center; color: #999; padding: 40px 0; width: 100%;}
@media screen and (max-width: 768px){
    .product-list-page .wrap{padding: 8px 16px 0;}
    .product-list-page__title{margin: 0 0 12px;}
    .product-list-layout{flex-direction: column; gap: 12px;}
    .product-list-sidebar{flex: none; width: 100%; border-right: none; border-bottom: 1px solid #eee; padding-right: 0; padding-bottom: 10px; position: static;}
    .product-list-card{width: calc(50% - 10px);}
    .product-list-card__body{padding: 10px 0;}
    .product-list-card__body h4{font-size: 12.5px; font-weight: 500; line-height: 1.4; margin: 0 0 6px;}
}

/* 分类Banner */
.category-banner{position: relative; width: 100%; background-color: #333; overflow: hidden;}
.category-banner__img{display: block; width: 100%; height: 100%; object-fit: cover;}
.category-banner__overlay{position: absolute; inset: 0; display: flex; flex-direction: column; padding: 60px 80px; gap: 12px;}
.category-banner__overlay--top-left{justify-content: flex-start; align-items: flex-start; text-align: left;}
.category-banner__overlay--top-center{justify-content: flex-start; align-items: center; text-align: center;}
.category-banner__overlay--top-right{justify-content: flex-start; align-items: flex-end; text-align: right;}
.category-banner__overlay--middle-left{justify-content: center; align-items: flex-start; text-align: left;}
.category-banner__overlay--center{justify-content: center; align-items: center; text-align: center;}
.category-banner__overlay--middle-right{justify-content: center; align-items: flex-end; text-align: right;}
.category-banner__overlay--bottom-left{justify-content: flex-end; align-items: flex-start; text-align: left;}
.category-banner__overlay--bottom-center{justify-content: flex-end; align-items: center; text-align: center;}
.category-banner__overlay--bottom-right{justify-content: flex-end; align-items: flex-end; text-align: right;}
.category-banner__title{font-size: var(--category-banner-title-size, 36px); font-weight: 700; margin: 0; text-shadow: 0 2px 8px rgba(0,0,0,0.5); max-width: 600px;}
.category-banner__desc{font-size: 18px; margin: 0; text-shadow: 0 2px 8px rgba(0,0,0,0.5); max-width: 600px; line-height: 1.6;}
@media screen and (max-width: 768px){
    .category-banner{height: 240px;}
    .category-banner__overlay{padding: 30px 24px;}
    .category-banner__title{font-size: 24px;}
    .category-banner__desc{font-size: 14px;}
}

/* 产品网格 */
.product-list-grid{display: flex; flex-wrap: wrap; gap: 20px; width: 100%;}
.product-list-grid .product-list-card{width: calc(25% - 15px);}
.product-list-layout--no-sidebar .product-list-grid .product-list-card{width: calc(20% - 16px);}
.product-list-card__subtitle{display: -webkit-box; overflow: hidden; margin: 0; color: #999; font-size: 12px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.product-list-card__desc{display: none;}
@media screen and (max-width: 768px){
    .product-list-grid .product-list-card,
    .product-list-layout--no-sidebar .product-list-grid .product-list-card{width: calc(50% - 10px);}
}

/* 筛选项侧栏 */
.product-list-filters{margin-top: 24px; padding-top: 20px; border-top: 1px solid #eee;}
.product-list-filters__title{font-size: 16px; font-weight: 700; color: #1a1a1a; margin-bottom: 16px; text-transform: uppercase;}
.product-list-filters__group{border-bottom: 1px solid #eee; padding-bottom: 14px; margin-bottom: 14px;}
.product-list-filters__group:last-child{border-bottom: none; margin-bottom: 0;}
.product-list-filters__heading{font-size: 14px; font-weight: 600; color: #333; margin: 0 0 10px; cursor: pointer;}
.product-list-filters__options{list-style: none; margin: 0; padding: 0;}
.product-list-filters__option{padding: 4px 0;}
.product-list-filters__option a{font-size: 13px; color: #666; text-decoration: none; transition: color 0.2s; display: flex; align-items: center;}
.product-list-filters__option a:hover{color: var(--theme-color);}
.product-list-filters__option a.active{color: var(--theme-color); font-weight: 700;}
.product-list-filters__remove{color: var(--theme-color); margin-left: auto; padding-left: 8px; font-size: 16px; line-height: 1;}

/* 筛选 loading 遮罩 */
.product-list-loading{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.7); z-index: 10;}
.product-list-loading__spinner{width: 36px; height: 36px; border: 3px solid #eee; border-top-color: var(--theme-color); border-radius: 50%; animation: product-list-spin 0.6s linear infinite;}
@keyframes product-list-spin{to{transform: rotate(360deg);}}

/* 分页 */
.product-list-pagination{width: 100%; text-align: center; padding: 30px 0;}
.product-list-pagination ul{display: inline-flex; gap: 6px; list-style: none; margin: 0; padding: 0;}
.product-list-pagination li{display: inline-block;}
.product-list-pagination a, .product-list-pagination span{display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #333; text-decoration: none; transition: all 0.2s;}
.product-list-pagination a:hover{border-color: var(--theme-color); color: var(--theme-color);}
.product-list-pagination .active a, .product-list-pagination .active span{border-color: var(--theme-color); background: var(--theme-color); color: #fff;}
.product-list-pagination .disabled a, .product-list-pagination .disabled span{color: #ccc; cursor: not-allowed;}

/* 产品列表内容区调整为纵向布局 */
.product-list-content{flex: 1; display: flex; flex-wrap: wrap; gap: 20px; flex-direction: column; align-items: stretch;}

/* 面包屑 */
.product-breadcrumb{padding: 20px 0; font-size: 14px; color: #888;}
.product-breadcrumb a{color: #888; text-decoration: none; transition: color 0.2s;}
.product-breadcrumb a:hover{color: var(--theme-color);}
.product-breadcrumb__sep{margin: 0 8px; color: #ccc;}
.product-breadcrumb__current{color: #333; font-weight: 500;}

/* 统一面包屑 */
.page-breadcrumb{padding: 16px 0; font-size: 14px; color: #888; text-align: center;}
.page-breadcrumb .wrap{display: inline-block;}
.page-breadcrumb a{color: #888; text-decoration: none; transition: color 0.2s;}
.page-breadcrumb a:hover{color: var(--theme-color);}
.page-breadcrumb__sep{margin: 0 4px; color: #ccc;}
.page-breadcrumb__current{color: #333; font-weight: 500;}

/* 产品详情页 */
.product-detail-page{padding: 0 0 80px;}
.product-detail-page .wrap{max-width: 1400px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.product-detail-top{display: flex; gap: 40px; padding: 0 0 50px;}
.product-detail-gallery{flex: 1 1 0; width: 0; min-width: 0; overflow: hidden;}
.product-detail-info{flex: 1 1 0; width: 0; min-width: 0;}
.product-detail-gallery__main{position: relative; width: 100%;}
.product-detail-gallery__img{width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; border: 1px solid #e8e8e8; transition: opacity 0.2s; cursor: zoom-in;}
.product-detail-gallery__thumbs-wrap{display: flex; align-items: center; gap: 8px; margin-top: 12px;}
.product-detail-gallery__thumbs{display: flex; gap: 8px; overflow-x: auto; scroll-behavior: smooth; flex: 1; padding-bottom: 4px;}
.product-detail-gallery__thumbs::-webkit-scrollbar{height: 4px;}
.product-detail-gallery__thumbs::-webkit-scrollbar-thumb{background: #ddd; border-radius: 2px;}
.product-detail-gallery__thumbs::-webkit-scrollbar-track{background: transparent;}
.product-detail-gallery__thumbs-arrow{flex-shrink: 0; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border: 1px solid #e0e0e0; border-radius: 50%; cursor: pointer; color: #666; transition: all 0.2s;}
.product-detail-gallery__thumbs-arrow:hover{background: var(--theme-color); color: #fff; border-color: var(--theme-color);}
.product-detail-gallery__thumbs-arrow:disabled{opacity: 0.3; cursor: not-allowed;}
.product-detail-gallery__thumb{width: 64px; height: 64px; border-radius: 6px; overflow: hidden; border: 2px solid transparent; cursor: pointer; transition: border-color 0.2s; flex-shrink: 0;}
.product-detail-gallery__thumb:hover{border-color: #ccc;}
.product-detail-gallery__thumb.active{border-color: var(--theme-color);}
.product-detail-gallery__thumb img{width: 100%; height: 100%; object-fit: cover; display: block;}
.product-detail-gallery__placeholder{width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 8px; border: 1px solid #e8e8e8; color: #ccc;}

/* 图片预览 Lightbox */
.product-lightbox{position: fixed; inset: 0; z-index: 9999; display: none; align-items: center; justify-content: center;}
.product-lightbox.open{display: flex;}
.product-lightbox__backdrop{position: absolute; inset: 0; background: rgba(0,0,0,0.92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);}
.product-lightbox__img{position: relative; max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: 4px; transition: opacity 0.2s ease, transform 0.2s ease; user-select: none; -webkit-user-drag: none;}
.product-lightbox__close{position: absolute; top: 20px; right: 24px; z-index: 3; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.15); border: none; border-radius: 50%; cursor: pointer; color: #fff; transition: all 0.2s; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.product-lightbox__close:hover{background: rgba(255,255,255,0.3); transform: scale(1.05);}
.product-lightbox__arrow{position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.15); border: none; border-radius: 50%; cursor: pointer; color: #fff; transition: all 0.2s; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
.product-lightbox__arrow:hover{background: rgba(255,255,255,0.3); transform: translateY(-50%) scale(1.05);}
.product-lightbox__arrow--prev{left: 24px;}
.product-lightbox__arrow--next{right: 24px;}
.product-lightbox__counter{position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 14px; background: rgba(0,0,0,0.6); padding: 5px 14px; border-radius: 16px; z-index: 2;}
.product-detail-info{flex: 1; display: flex; flex-direction: column;}
.product-detail-info__title{font-size: 44px; font-weight: 700; color: #1a1a1a; margin: 0 0 22px; line-height: 1.3; word-break: break-word;}
.product-detail-info__subtitle{font-size: 17px; font-weight: 500; color: #888; line-height: 1.45; margin: 0 0 22px;}
.product-detail-info__desc{font-size: 14px; color: #aaa; line-height: 1.7; margin: 0 0 30px;}
.product-detail-info__actions{margin-top: 30px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px;}
.product-detail-info__inquiry{display: inline-flex; align-items: center; justify-content: center; padding: 14px 40px; background: var(--theme-color); color: #fff; font-size: 15px; font-weight: 600; border-radius: 8px; text-decoration: none; transition: opacity 0.2s;}
.product-detail-info__inquiry:hover{opacity: 0.9;}
.product-detail-info__share{display: flex; align-items: center; gap: 14px;}
.product-detail-info__share > span{font-size: 14px; color: #888;}
.product-detail-share-btn{display: inline-flex; align-items: center; color: rgba(0, 0, 0, 0.5); text-decoration: none; transition: color 0.2s;}
.product-detail-share-btn:hover{color: var(--theme-color);}
.product-detail-share-btn svg{color: inherit; fill: currentColor;}
.product-detail-share-btn svg path{color: inherit; fill: currentColor;}
.product-detail-share-btn.gs-icon{font-size:16px;line-height:1;}

/* 三栏 Tab */
.product-detail-tabs{border-top: 1px solid #eee; padding-top: 40px;}
.product-detail-tabs__nav{display: flex; gap: 0; border-bottom: 2px solid #e0e0e0; margin-bottom: 30px;}
.product-detail-tabs__btn{flex: 1; padding: 16px 28px; font-size: 18px; font-weight: 600; color: #888; background: none; border: none; border-bottom: 3px solid transparent; cursor: pointer; margin-bottom: -2px; text-align: center; -webkit-tap-highlight-color: transparent;}
@media (hover: hover) {
  .product-detail-tabs__btn:hover{color: var(--theme-color);}
}
.product-detail-tabs__btn.active{color: var(--theme-color); border-bottom-color: var(--theme-color);}
.product-detail-tabs__panel{display: none; line-height: 1.8; color: #333; font-size: 15px;}
.product-detail-tabs__panel.active{display: block;}
.product-detail-tabs__panel p{margin: 0 0 16px;}
.product-detail-tabs__panel img{display: block; width: 85%; max-width: 85%; height: auto; border-radius: 8px; margin: 16px auto;}

/* Technical Specs 表格 */
.product-detail-specs{overflow-x: auto;}
.product-detail-specs table{width: 100% !important; border: none !important; border-collapse: collapse; font-size: 14px;}
.product-detail-specs table td,
.product-detail-specs table th{padding: 8px 16px; text-align: left; font-weight: 400; border: none !important; color: #555; border-bottom: 1px solid #fff !important;}
.product-detail-specs table tr td:first-child,
.product-detail-specs table tr th:first-child{white-space: nowrap; width: 40% !important; background: #f0f0f0;}
.product-detail-specs table tr td[colspan="2"],
.product-detail-specs table tr th[colspan="2"]{background: #f0f0f0; padding: 10px 16px; width: auto !important;}
.product-detail-specs h3{margin: 24px 0 12px; padding-bottom: 8px; font-size: 16px; font-weight: 700; color: #111; border-bottom: 1px solid #e0e0e0;}
.product-detail-specs h3:first-child{margin-top: 0;}

/* Product Manual 下载 */
.product-detail-manual__link{display: inline-flex; align-items: center; gap: 6px; color: var(--theme-color); font-size: 14px; text-decoration: underline;}
.product-detail-manual__icon{flex-shrink: 0; vertical-align: middle;}
.product-detail-manual__link:hover{border-color: var(--theme-color); color: var(--theme-color);}
.product-detail-manual__link svg{flex-shrink: 0;}

/* 底部询盘 */
.product-inquiry{margin-top: 60px; padding: 40px; background: #f8f9fa; border-radius: 12px;}
.product-inquiry__title{font-size: 24px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px;}
.product-inquiry__sub{font-size: 14px; color: #888; margin: 0 0 28px;}
.product-inquiry__form{display: flex; flex-direction: column; gap: 16px;}
.product-inquiry__row{display: flex; gap: 16px;}
.product-inquiry__input{flex: 1; padding: 12px 16px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; outline: none; transition: border-color 0.2s;}
.product-inquiry__input:focus{border-color: var(--theme-color);}
.product-inquiry__textarea{padding: 12px 16px; border: 1px solid #ddd; border-radius: 6px; font-size: 14px; outline: none; resize: vertical; font-family: inherit; transition: border-color 0.2s;}
.product-inquiry__textarea:focus{border-color: var(--theme-color);}
.product-inquiry__btn{padding: 14px 40px; background: var(--theme-color); color: #fff; border: none; border-radius: 6px; font-size: 15px; font-weight: 600; cursor: pointer; transition: opacity 0.2s; align-self: flex-start;}
.product-inquiry__btn:hover{opacity: 0.9;}
@media screen and (max-width: 768px){
    .product-detail-top{flex-direction: column; gap: 20px;}
    .product-detail-gallery{flex: none; width: 100%; min-width: 0; margin: 0 auto;}
    .product-detail-gallery__img{aspect-ratio: 1; height: auto; min-height: 0; max-height: none; object-fit: contain; background: #fff;}
    .product-detail-gallery__thumbs{overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
    .product-detail-gallery__thumbs::-webkit-scrollbar{display: none;}
    .product-detail-info{width: 100%; min-width: 0;}
    .product-detail-info__title{font-size: 26px;}
    .product-detail-info__share{flex-wrap: wrap;}
    .product-detail-share-btn{padding: 6px; min-width: 36px; min-height: 36px; justify-content: center;}
    .product-detail-tabs__nav{flex-direction: column;}
    .product-detail-tabs__btn{flex: none; width: 100%; padding: 12px 16px; font-size: 15px; text-align: left; border-bottom: 1px solid #eee; margin-bottom: 0;}
    .product-detail-tabs__btn.active{border-bottom: 2px solid var(--theme-color);}
    .product-inquiry__row{flex-direction: column;}
    .product-inquiry__input, .product-inquiry__textarea{font-size: 16px; min-height: 44px;}
    .product-detail-specs{overflow-x: visible; width: 100%;}
    .product-detail-specs table{width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: fixed;}
    .product-detail-specs table td,
    .product-detail-specs table th{padding: 10px 12px; font-size: 13px; line-height: 1.5; box-sizing: border-box;}
    .product-detail-specs table tr td:first-child,
    .product-detail-specs table tr th:first-child{white-space: normal !important; width: 38% !important; word-break: break-word;}
    .product-detail-specs table tr td:last-child,
    .product-detail-specs table tr th:last-child{width: 62% !important; word-break: break-word; overflow-wrap: break-word;}
    .product-detail-specs table tr td[colspan="2"],
    .product-detail-specs table tr th[colspan="2"]{width: 100% !important; padding: 10px 12px;}
    .product-lightbox__backdrop{background: rgba(15, 15, 15, 0.96);}
    .product-lightbox__img{max-width: 96vw; max-height: 78vh;}
    .product-lightbox__close{top: 14px; right: 14px; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.15);}
    .product-lightbox__close svg{width: 18px; height: 18px;}
    .product-lightbox__arrow{width: 32px; height: 32px; background: rgba(0, 0, 0, 0.35); color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
    .product-lightbox__arrow svg{width: 18px; height: 18px;}
    .product-lightbox__arrow--prev{left: 8px;}
    .product-lightbox__arrow--next{right: 8px;}
    .product-lightbox__counter{bottom: 16px; font-size: 13px; padding: 4px 12px;}
}

/* Project 详情 - 大图轮播 */
.project-detail-view{display: flex; height: calc(100vh - 80px); min-height: 500px;}
.project-detail-view__imgs{flex: 1; position: relative; overflow: hidden;}
.project-detail-view__imgs .swiper{width: 100%; height: 100%;}
.project-detail-view__imgs .swiper-slide{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #e0e0e0;}
.project-detail-view__imgs .swiper-slide img.fit{max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; margin: 0 auto;}
.project-detail-view__imgs .swiper-button-next,
.project-detail-view__imgs .swiper-button-prev{color: #333; background: rgba(255,255,255,0.7); width: 40px; height: 40px; border-radius: 50%; --swiper-navigation-size: 20px; transition: background 0.2s;}
.project-detail-view__imgs .swiper-button-next:hover,
.project-detail-view__imgs .swiper-button-prev:hover{background: rgba(255,255,255,1);}
.project-detail-view__imgs .swiper-button-next::after,
.project-detail-view__imgs .swiper-button-prev::after{font-size: 20px; color: #333;}
.project-detail-view__close svg, .project-detail-view__toggle svg{color: #fff !important;}
.project-detail-view__close{position: absolute; top: 20px; left: 20px; z-index: 10; width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.4); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background 0.2s;}
.project-detail-view__close:hover{background: rgba(0,0,0,0.7);}
.project-detail-view__toggle{position: absolute; top: 20px; right: 20px; z-index: 10; width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.4); color: #fff; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: background 0.2s;}
.project-detail-view__toggle:hover{background: rgba(0,0,0,0.7);}
.project-detail-view__toggle svg{transition: transform 0.3s;}
.project-detail-view.collapsed .project-detail-view__info{display: none;}
.project-detail-view.collapsed .project-detail-view__toggle svg{transform: rotate(180deg);}
.project-detail-view__info{width: 400px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 30px; background: #fff; box-sizing: border-box; position: relative; transition: display 0.3s;}
.project-detail-view__top h1{font-size: 28px; font-weight: 700; color: #1a1a1a; margin: 0 0 12px; line-height: 1.3;}
.project-detail-view__top p{font-size: 15px; color: #666; line-height: 1.6; margin: 0;}
.project-detail-view__bottom{display: flex; flex-direction: column; gap: 20px;}
.project-detail-view__nav{display: flex; gap: 16px;}
.project-detail-view__nav a{font-size: 14px; color: #333; text-decoration: none; padding: 8px 16px; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s;}
.project-detail-view__nav a:hover{background: #333; color: #fff; border-color: #333;}
.project-detail-view__btn{display: inline-block; text-align: center; padding: 12px 24px; background: #333; color: #fff; text-decoration: none; border-radius: 4px; font-size: 15px; font-weight: 600; transition: background 0.2s;}
.project-detail-view__btn:hover{background: #555;}
@media (max-width: 768px){
    .project-detail-view{flex-direction: column; height: auto;}
    .project-detail-view__imgs{height: 50vh; min-height: 300px;}
    .project-detail-view__info{width: 100%; padding: 24px 20px;}
    .project-detail-view__top h1{font-size: 22px;}
}
@media (max-width: 1100px){
    .project-cards{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px){
    .project-cards{grid-template-columns: 1fr;}
}
@media (max-width: 768px){
    .about-page .wrap, .about-section .wrap, .blog-list-page .wrap, .solution-page .wrap{padding: 0 20px;}
    .about-article__header h2, .about-section__title, .blog-list-page__title, .solution-page__title{font-size: 24px;}
    .about-article__content{font-size: 15px;}
    .about-strengths-grid{grid-template-columns: 1fr; gap: 24px;}
    .about-strength-icon{width: 48px; height: 48px; margin: 0 auto 10px;}
    .about-strength-icon svg,
    .about-strength-icon img{width: 36px; height: 36px; object-fit: contain;}
    .blog-cards{gap: 20px;}
    .blog-card{width: 100%;}
    .solution-layout{flex-direction: column; gap: 24px;}
    .solution-sidebar{width: 100%;}
}


/* ===== Article content image constraints ===== */
/* All article/content page images: max-width 1200px, height auto */
.about-article__content img,
.blog-detail__content img,
.faq-accordion__answer-inner img,
.product-detail-tabs__panel img,
.project-detail-source img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 16px auto;
    border-radius: 8px;
}

/* ==================== Application Pages ==================== */
.application-list-page,.application-page{background:#fff;color:#171717;}
.application-list-page .wrap,.application-page .wrap{max-width:1400px;margin:0 auto;padding:0 28px;box-sizing:border-box;}
.application-list-header{padding:0 0 52px;background:#fff;}
.application-list-header__eyebrow{margin:0 0 10px;color:var(--theme-color);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.application-list-header__title{margin:0;color:#111;font-size:clamp(36px,4vw,56px);font-family:var(--font-family-sans);font-weight:800;line-height:1.1;letter-spacing:0;}
.application-list-header__desc{max-width:720px;margin-top:22px;color:#5f6368;font-size:17px;line-height:1.8;}
.application-category-list{padding:18px 0 80px;}
.application-category-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"content media";align-items:center;gap:60px;isolation:isolate;margin-bottom:80px;}
.application-category-row:last-child{margin-bottom:0;}
.application-category-row:nth-child(even){grid-template-areas:"media content";}
.application-category-row__media{display:block;grid-area:media;min-width:0;position:relative;z-index:0;aspect-ratio:4/3;overflow:hidden;border-radius:16px;background:#eef0ef;}
.application-category-row__media>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease;}
.application-category-row__media:hover>img{transform:scale(1.03);}
.application-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f3f2,#e3e8e5);color:#a5ada8;}
.application-media-placeholder svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.application-category-row__content{display:flex;grid-area:content;min-width:0;position:relative;z-index:1;flex-direction:column;padding-right:clamp(20px,2.5vw,36px);box-sizing:border-box;}
.application-category-row:nth-child(even) .application-category-row__content{padding-right:0;padding-left:clamp(20px,2.5vw,36px);}
.application-category-row__subtitle{display:block;margin-bottom:12px;color:#111;font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
.application-category-row__content h2{margin:0 0 20px;color:#111;font-size:clamp(28px,3vw,38px);font-family:var(--font-family-sans);font-weight:600;line-height:1.15;letter-spacing:0;}
.application-category-row__title{display:inline-block;max-inline-size:100%;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-decoration:none;text-wrap:balance;}
.application-category-row__description{margin-bottom:28px;color:#59605c;font-size:16px;line-height:1.8;}
.application-category-row__links{display:flex;flex-direction:column;gap:8px;margin-top:4px;}
.application-category-row__link{display:inline-flex;align-items:center;gap:8px;color:#333;font-size:15px;font-weight:400;text-decoration:none;transition:color .2s;}
.application-category-row__link:hover{color:var(--theme-color);}
.application-category-row__link b{font-size:25px;font-weight:400;line-height:0;}
.application-category-row__more{display:inline-flex;align-items:center;gap:8px;color:#333;font-size:15px;font-weight:400;text-decoration:none;transition:color .2s;margin-top:4px;}
.application-category-row__more:hover{color:var(--theme-color);}
.application-category-row__more b{font-size:25px;font-weight:400;line-height:0;}

/* Application 三级分类页 */
.application-page{padding-bottom:0;}
.application-page .category-banner{height:334px;}
.application-page .category-banner__img{width:100%;height:100%;object-fit:cover;}
.app-content-section{padding:36px 0 60px;background:#fff;}
.app-content-section__title{max-width:900px;margin:0 auto 32px;color:#111;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.3;}
.app-content-body{max-width:900px;margin:0 auto;color:#3a3e3c;font-size:16px;line-height:1.85;}
.app-content-body p{margin:0 0 18px;}
.app-content-body img{max-width:100%;height:auto;display:block;margin:28px auto;border-radius:14px;}
.app-content-body h2,.app-content-body h3{margin:36px 0 16px;color:#111;font-weight:700;line-height:1.3;}
.app-content-body h2{font-size:clamp(24px,2.5vw,32px);}
.app-content-body h3{font-size:clamp(20px,2vw,26px);}
.app-content-body ul,.app-content-body ol{margin:0 0 18px;padding-left:24px;}
.app-content-body li{margin-bottom:8px;}

.app-products-section{position:relative;padding:80px 0;overflow:hidden;background:#fff;}
.app-products-section__bg{display:none;}
.app-products-section__inner{position:relative;z-index:1;}
.app-products-section__heading{margin:0 0 24px;color:#111;font-size:clamp(22px,2.2vw,32px);font-family:var(--font-family-sans);font-weight:600;line-height:1.18;text-align:center;}
.app-products-section__heading em{font-style:normal;font-weight:inherit;font-size:inherit;}
.app-products-section__heading em i{font-style:italic;font-weight:inherit;font-size:inherit;}
.app-products-swiper{overflow:hidden;padding:30px 0;}
.app-products-swiper .swiper-wrapper{align-items:center;}
.app-product-slide{width:580px;flex-shrink:0;transition:opacity .5s,transform .5s;}
.app-product-slide:not(.swiper-slide-active){opacity:.4;transform:scale(.5);}
.app-product-slide:not(.swiper-slide-active) .app-product-slide__more{pointer-events:none;}
.app-product-slide:not(.swiper-slide-active) .app-product-slide__body{display:none;}
.app-product-slide:not(.swiper-slide-active) .app-product-slide__link{gap:0;justify-content:center;}
.app-product-slide.swiper-slide-active{transform:scale(1);cursor:pointer;}
.app-product-slide__link{display:flex;align-items:center;gap:32px;text-decoration:none;color:inherit;}
.app-product-slide__img{flex:0 0 240px;width:240px;height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.app-product-slide__img img{max-width:100%;max-height:100%;object-fit:contain;}
.app-product-slide__placeholder{display:block;width:100%;height:100%;background:rgba(255,255,255,.3);}
.app-product-slide__body{flex:1 1 auto;}
.app-product-slide__title{margin:0 0 10px;font-size:24px;font-weight:600;color:#111;line-height:1.3;}
.app-product-slide__desc{margin:0 0 16px;font-size:14px;line-height:1.6;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.app-product-slide__more{display:inline-flex;align-items:center;gap:6px;color:#111;font-size:14px;font-weight:600;}
.app-product-slide__more b{font-size:18px;font-weight:400;line-height:0;}
.app-products-pagination{position:relative;margin-top:20px;text-align:center;}
.app-products-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#999;opacity:.4;transition:opacity .2s,background .2s;}
.app-products-pagination .swiper-pagination-bullet-active{background:#111 !important;opacity:1 !important;}

@media screen and (max-width: 980px){
    .app-products-section{padding:48px 0;}
    .app-product-slide{width:90%;}
    .app-product-slide:not(.swiper-slide-active){transform:scale(.6);}
    .app-product-slide__link{flex-direction:column;gap:16px;text-align:center;}
    .app-product-slide__img{flex:0 0 180px;width:180px;height:180px;}
}

.app-further-section{padding:60px 0;background:#fff;}
.app-further-section--more{padding-top:0;}
.app-further-section__heading{margin:0 0 40px;color:#111;font-size:clamp(22px,2.2vw,32px);font-family:var(--font-family-sans);font-weight:600;line-height:1.18;text-align:center;}
.app-further-section__heading em{font-style:normal;font-weight:inherit;font-size:inherit;}
.app-further-section__heading em i{font-style:italic;font-weight:inherit;font-size:inherit;}
.app-further-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1080px;margin:0 auto;}
.app-further-card{display:flex;min-width:0;align-items:center;gap:12px;padding:14px 18px;border:1px solid #dde1df;border-radius:10px;background:#fff;color:#2b2e2c;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;}
.app-further-card:hover{border-color:#a8b3ac;box-shadow:0 8px 22px rgba(20,39,27,.07);transform:translateY(-2px);}
.app-further-card__icon{display:flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;color:#727975;}
.app-further-card__icon img,.app-further-card__icon svg{width:32px;height:32px;object-fit:contain;}
.app-further-card__name{overflow:hidden;font-size:15px;font-weight:650;line-height:1.35;text-overflow:ellipsis;}
.app-further-card__arrow{margin-left:auto;color:#777;font-size:24px;line-height:1;}

@media screen and (max-width: 980px){
    .application-category-row{gap:40px;margin-bottom:60px;}
    .app-further-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width: 700px){
    .application-list-page .wrap,.application-page .wrap{padding:0 20px;}
    .application-list-header{padding:20px 0 36px;}
    .application-category-list{padding-bottom:56px;}
    .application-category-row,.application-category-row:nth-child(even){grid-template-columns:1fr;grid-template-areas:"media" "content";gap:28px;margin-bottom:56px;}
    .application-category-row__media{border-radius:12px;}
    .application-category-row__content,.application-category-row:nth-child(even) .application-category-row__content{padding:0;}
    .application-category-row__content h2{margin:0 0 20px;}
    .app-further-grid{grid-template-columns:1fr;}
    .app-content-section{padding:20px 0 40px;}
    .app-further-section{padding:40px 0;}
    .app-further-section__heading{margin-bottom:28px;text-align:left;}
}

/* ===== P2 移动端补充适配 ===== */
@media screen and (max-width: 768px){
  .abouttop{margin: 80px 0 40px;}
  .abouttop .slide{height: 300px;}
  .topbanner.big{height: 300px;}
  .colImg{height: 260px;}
  .pro-feat .box{flex-direction: column-reverse;padding: 16px;}
  .pro-feat .box .img,.pro-feat .box .des{width: 100%;padding: 16px;}
  .pro-feat .box .des{font-size: 15px;line-height: 1.7;gap: 12px;}
  .colBox{gap: 30px;}
  .colBox .colList{width: 100%;}
  .colBox .colList .title{margin: 30px 0;padding-right: 0;gap: 16px;}
  .colBox .colList .title h3{font-size: 24px;}
  .cubeBox .cubeList{gap: 30px;}
  .cubeBox .cubeList>div{width: 100%;}
  .cubeBox .cubeList .title{padding: 24px;}
  .cubeBox .cubeList .title h2{font-size: 26px;margin-bottom: 16px;}
  .cubeSwiper .swiper-slide{flex-direction: column;gap: 30px;}
  .cubeSwiper .swiper-slide>div{width: 100%;}
  .cubeSwiper .swiper-slide .title{padding: 24px;}
  .customized .fourBox{gap: 20px;}
  .customized .fourBox .item{width: calc(50% - 10px);}
  .product-detail-info__title{font-size: clamp(24px,5vw,32px);}
  .product-detail-tabs__btn{font-size: 15px;padding: 12px 16px;}
  .product-inquiry{padding: 24px;}
  .contact-box{margin: 80px 0 40px;}
  .contact-box .contwrap{height: auto;}
  .contact-box .contwrap .map>div{height: 300px;}
  .serhead{margin: 80px 0 30px;}
  .serhead .headbox{height: auto;padding: 24px 20px;}
  .serhead .headbox .img{position: static;margin-top: 16px;}
  .serhead .headbox .img img{height: 160px;}
  .searchtop{height: 200px;}
  .searchtop .content .search input{width: 100%;max-width: 100%;}
  .searchitem .list a span{flex: 0 0 140px;margin-right: 16px;padding: 6px 10px;font-size: 11px;}
  .about-page .wrap,.about-section .wrap{padding: 0 16px;}
  .about-factory__slider .swiper-slide{width: 280px;}
  .about-factory__slider .swiper-slide img{height: 200px;}
  .app-product-slide__img{flex: 0 0 160px;width: 160px;height: 160px;}
  .app-product-slide__title{font-size: 20px;}

  /* 移动端面包屑 */
  .page-breadcrumb{padding: 6px 0; font-size: 13px;}
  .page-breadcrumb__sep,
  .product-breadcrumb__sep{margin: 0 2px; font-size: 12px; color: #bbb;}

  /* 移动端 Blog 详情 */
  .blog-detail__title{font-size: 20px; line-height: 1.35;}
  .blog-detail__meta{margin-bottom: 20px; padding-bottom: 12px;}
  .blog-detail__content{font-size: 13px; line-height: 1.65; color: #444;}
  .blog-detail__content p{font-size: 13px; line-height: 1.65; margin-bottom: 10px;}
  .blog-detail__content li{font-size: 13px; line-height: 1.6;}
  .blog-detail__content h2{font-size: 17px; margin: 18px 0 8px;}
  .blog-detail__content h3{font-size: 15px; margin: 14px 0 6px;}

  /* 移动端 Privacy Policy / 单页文章 */
  .about-article__header{margin-bottom: 20px;}
  .about-article__header h2{font-size: 20px; margin-bottom: 6px;}
  .about-article__content{font-size: 13px; line-height: 1.65; color: #444;}
  .about-article__content p{font-size: 13px; line-height: 1.65; margin-bottom: 10px;}
  .about-article__content li{font-size: 13px; line-height: 1.6;}
  .about-article__content h3{font-size: 15px; margin: 16px 0 8px;}

  /* 移动端产品详情页描述 */
  .product-detail-info__desc{font-size: 12px; line-height: 1.6; margin: 0 0 16px;}
  .product-detail-tabs__btn{font-size: 13.5px; padding: 10px 14px;}
  .product-detail-tabs__panel{font-size: 13px; line-height: 1.65; color: #444;}
  .product-detail-tabs__panel p{font-size: 13px; line-height: 1.65; margin-bottom: 10px;}
  .product-detail-tabs__panel li{font-size: 13px; line-height: 1.6;}
  .product-detail-tabs__panel table td,
  .product-detail-tabs__panel table th{font-size: 12px; padding: 8px 10px;}

  /* 移动端三级分类筛选按钮样式：形状固定不改变，被选中后字体为白色 */
  .product-list-filters{margin-top: 10px; padding-top: 10px;}
  .product-list-filters__options{display: flex; flex-wrap: wrap; gap: 8px;}
  .product-list-filters__option{padding: 0; list-style: none;}
  .product-list-filters__option a{
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      background: #f5f5f5 !important;
      padding: 6px 14px !important;
      border-radius: 16px !important;
      font-size: 12px !important;
      color: #555 !important;
      text-decoration: none !important;
      line-height: 1.2 !important;
      box-sizing: border-box !important;
      transition: background 0.2s, color 0.2s !important;
  }
  .product-list-filters__option a.active{
      background: var(--theme-color) !important;
      color: #fff !important;
      font-weight: 500 !important;
  }
  .product-list-filters__option a .product-list-filters__remove{
      display: none !important;
  }

  /* 移动端二级分类页面：只隐藏其他的二级分类，保持原有的三级分类样式 */
  .product-list-sidebar.has-active-l2 .product-list-sidebar__group:not(.active){
      display: none !important;
  }
}
@media screen and (max-width: 480px){
  .customized .fourBox .item{width: 100%;}
}