*{transition:all 0.3s}
html{font-size:16px;color:#333}
body{font-size:inherit;color:inherit}
a{color:inherit}
a:hover{text-decoration:none}
hr{border-top-color:#eee}
.btn-group-lg > .btn,.btn-lg{font-size:1rem}
.color-white{color:#fff !important}
.color-grey{color:#666 !important}
.background-color-grey{background-color:#f9fafb}
.hover-up-move:hover{transform:translateY(-0.5rem) !important;}
.hover-right-move:hover{transform:translateX(0.5rem) !important;}
.card{border-color:#eee}
.breadcrumb{background-color:inherit;padding:0}
.multi-line-2-ellipsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.line-height-2{line-height:2em}
.rich-text-block{line-height:2em}
.rich-text-block img,.rich-text-block video{max-width:100%}
.panel-box{padding:20px;margin-bottom:20px;background-color:#fff;border:1px solid #eee;border-radius:4px}
.round-card{border-radius:1rem;overflow:hidden}
.round-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.25rem;background-color:#007bff1a}
.round-icon.round-icon-lg{width:4rem;height:4rem;font-size:2rem}
.capsule-icon-info-list{display:flex;flex-wrap:wrap;gap:1rem}
.capsule-icon-info{display:flex;align-items:center;gap:12px;padding:1rem;background-color:#007bff1a;border-radius:1rem}
.feature-icon-info-list{list-style:none;padding:0}
.feature-icon-info-list li{display:flex;gap:1rem;margin-bottom:2rem}
.feature-icon-info-list li:last-child{margin-bottom:0}
.feature-icon-info-list li p{margin-bottom:0}
.card-article-list{}
.card-article-list .article-item{margin-bottom:30px}
.card-article-list .article-item .card-img-top{aspect-ratio:1.5;object-fit:cover}
.breadcrumb-header-block{padding:2rem 0}
.breadcrumb-header-block .thumb{width:80px;height:80px;object-fit:cover}
.app-page-header{position:fixed;left:0;top:0;width:100%;height:80px;z-index:100;background-color:#fff;border-bottom:1px solid #eee}
.app-page-header.fixed{height:60px}
.app-page-header .container{display:flex;justify-content:space-between;align-items:center;height:100%}
.app-page-header .logo{height:100%}
.app-page-header .logo img{height:100%}
.app-page-header .right-col{display:flex;align-items:center}
.app-page-header .menus{display:flex;gap:2em;font-size:16px;margin-right:2em}
.app-page-header .menus a{}
.app-page-header .contact-btn{}
.app-page-header .hamburg-btn{margin-left:1em}
.app-page-header-placeholder{height:80px}
.app-page-slider{position:fixed;left:-100%;top:0;width:100%;height:100%;z-index:200;overflow:hidden}
.app-page-slider.open{left:0}
.app-page-slider .slider-window{width:70%;height:100%;background-color:#007bff;box-shadow:0 0 10px rgba(0,0,0,0.2)}
.app-page-slider .slider-window .window-header{padding:23px 30px;display:flex;justify-content:space-between}
.app-page-slider .slider-window .window-body{}
.app-page-slider .slider-window .window-body .menus{}
.app-page-slider .slider-window .window-body .menus a{color:#fff;font-size:18px;padding:10px 30px;display:flex;justify-content:space-between;align-items:center}
.app-page-slider .slider-window .window-body .menus a .bi-chevron-right{font-size:14px}
.app-page-footer{padding:20px;margin-top:2rem;background-color:#111827}
.app-page-footer .content{text-align:center;line-height:2em;color:#999}
.app-page-footer .content .beian{display:flex;justify-content:center;flex-wrap:wrap}
.app-page-footer .content .beian span{margin:0 0.5em}
.app-page-footer .content .beian .waba-icon{height:17px}
.app-page-right-btns{position:fixed;right:2rem;bottom:4rem;display:flex;flex-direction:column;gap:1rem;z-index:100}
.app-page-right-btns .item{position:relative}
.app-page-right-btns .item .win{position:absolute;bottom:0;right:70px;width:200px;padding:1rem;background-color:#fff;display:none}
.app-page-right-btns .item:hover .win{display:block}
.index-page .swiper.banner-swiper {
    height: 600px;
    background-color: #eee;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide {
    background-size: cover;
    background-position: center;
    display: flex;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content {
    display: flex;
    flex-direction: column;
    user-select: none;
    margin: 0 auto;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .title1 {
    color: #fff;
    font-size: clamp(1.4rem, 5vw, 3rem);
    margin-bottom: 20px;
    line-height: 1.2;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .title2 {
    color: #fff;
    font-weight: normal;
    margin-bottom: 30px;
    font-size: clamp(1.2rem, 3vw, 1rem);
  }
  
/* 按钮容器样式 */
.index-page .swiper.banner-swiper .swiper-slide .mask .content .main-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 50px;
  }
  
  /* 按钮本身（可选，让它们等宽） */
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .main-btns .btn {
    min-width: 140px;
    text-align: center;
  }
  
  /* 在小屏设备时仍保持并排 */
  @media (max-width: 768px) {
    .index-page .swiper.banner-swiper .swiper-slide .mask .content .main-btns {
      flex-direction: row;      /* 强制横向排列 */
      justify-content: center;  /* 居中 */
      gap: 0.6rem;              /* 调整按钮间距 */
      flex-wrap: wrap;          /* 如果太窄自动换行 */
    }
  }
  
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .capsule-icon-info-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5em;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .capsule-icon-info-list .capsule-icon-info {
    display: flex;
    align-items: center;
    gap: 0.8em;
    padding: 0.8em 1.2em;
    border-radius: 2em;
    border: 1px solid #ffffff66;
    background-color: #ffffff33;
    backdrop-filter: blur(8px);
    color: #fff;
    transition: all 0.3s ease;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .capsule-icon-info-list .capsule-icon-info:hover {
    border-color: #99999933;
    background-color: #9999991a;
  }
  
  .index-page .swiper.banner-swiper .swiper-slide .mask .content .capsule-icon-info-list .capsule-icon-info .round-icon {
    background-color: #0089ff66;
    border-radius: 50%;
    padding: 0.5em;
  }
  
  .index-page .swiper.banner-swiper .swiper-button-next,
  .index-page .swiper.banner-swiper .swiper-button-prev {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: #fff;
  }
  
  .index-page .swiper.banner-swiper .swiper-button-next:hover,
  .index-page .swiper.banner-swiper .swiper-button-prev:hover {
    background-color: #007bff;
  }
  
  .index-page .swiper.banner-swiper .swiper-button-next:after,
  .index-page .swiper.banner-swiper .swiper-button-prev:after {
    font-size: 20px;
    font-weight: bold;
  }
  
  .index-page .swiper.banner-swiper .swiper-pagination-bullet-active {
    background-color: #007bff;
  }
  
  .index-page .swiper.banner-swiper .swiper-pagination-bullet {
    border-radius: 0;
    width: 30px;
    height: 4px;
  }
  
  /* ======================
     ✅ 响应式自适应设置
     ====================== */
  
  /* 平板 (max-width: 992px) */
  @media (max-width: 992px) {
    .index-page .swiper.banner-swiper {
      height: 480px;
    }
    .index-page .swiper.banner-swiper .mask .content .title2 {
      font-size: 1.2rem;
    }
    .index-page .swiper.banner-swiper .mask .content .main-btns {
      margin-bottom: 30px;
    }
  }
  
  /* 手机 (max-width: 768px) */
  @media (max-width: 768px) {
    .index-page .swiper.banner-swiper {
      height: 380px;
    }
    .index-page .swiper.banner-swiper .mask .content {
      text-align: center;
      align-items: center;
    }
    .index-page .swiper.banner-swiper .mask .content .title2 {
      font-size: 1rem;
      margin-bottom: 20px;
    }
    .index-page .swiper.banner-swiper .mask .content .main-btns {
      flex-direction: column;
      align-items: center;
      gap: 0.8rem;
    }
    .index-page .swiper.banner-swiper .mask .content .capsule-icon-info-list {
      flex-direction: column;
      align-items: center;
    }
    .index-page .swiper.banner-swiper .mask .content .capsule-icon-info {
      padding: 0.6em 1em;
      font-size: 0.9rem;
    }
  }
  
  /* 超小屏 (max-width: 480px) */
  @media (max-width: 480px) {
    .index-page .swiper.banner-swiper {
      height: 620px;
    }
    .index-page .swiper.banner-swiper .mask .content .title2 {
      font-size: 0.9rem;
    }
    .index-page .swiper.banner-swiper .mask .content .capsule-icon-info {
      font-size: 0.8rem;
    }
  }
  
.index-page .module-block{padding:80px 0}
.index-page .module-block .module-header{margin-bottom:60px}
.index-page .module-block .module-header .title{margin-bottom:0}
.index-page .module-block .module-header .desc{margin-top:1em;color:#666}
.index-page .services-block{}
.index-page .services-block .row{display:flex;flex-wrap:wrap}
.index-page .services-block .service-item{position:relative;height:calc(100% - 30px);margin-bottom:30px}
.index-page .services-block .service-item .main-icon{margin-bottom:1.5rem}
.index-page .services-block .service-item .title{margin-bottom:0.75rem}
.index-page .services-block .service-item .desc{margin-bottom:0.5rem}
.index-page .services-block .service-item .detail-list{list-style:none;padding:0;line-height:2em}
.index-page .services-block .service-item .detail-list i{font-size:1.25em}
.index-page .projects-block .project-list{}
.index-page .projects-block .project-list .project-item{position:relative;aspect-ratio:1.5;margin-bottom:30px}
.index-page .projects-block .project-list .project-item .bg{width:100%;height:100%;object-fit:cover}
.index-page .projects-block .project-list .project-item .content{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#00000099;color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0}
.index-page .projects-block .project-list .project-item:hover .content{opacity:1}
.index-page .about-block{background-image:url(../images/img13.jpg);background-size:cover;background-attachment:fixed}
.article-page .article-list-mini-panel-box{}
.article-page .article-list-mini-panel-box .header{margin-bottom:2rem}
.article-page .article-list-mini-panel-box .article-list{}
.article-page .article-list-mini-panel-box .article-list .article-item{display:flex;padding:20px 0;border-bottom:1px solid #eee}
.article-page .article-list-mini-panel-box .article-list .article-item:first-child{padding-top:0}
.article-page .article-list-mini-panel-box .article-list .article-item:last-child{border-bottom:none;padding-bottom:0}
.article-page .article-list-mini-panel-box .article-list .article-item .img-col{width:80px;height:80px;margin-right:20px;overflow:hidden}
.article-page .article-list-mini-panel-box .article-list .article-item .img-col img{width:100%;height:100%;object-fit:cover}
.article-page .article-list-mini-panel-box .article-list .article-item:hover .img-col img{transform:scale(1.2)}
.article-page .article-list-mini-panel-box .article-list .article-item .content-col{width:calc(100% - 100px)}
.article-page .article-list-mini-panel-box .article-list .article-item .content-col .title{margin-bottom:10px;line-height:24px}
.article-page .article-list-mini-panel-box .article-list .article-item .content-col .desc{color:grey}
@media (min-width:1300px){.container{max-width:1270px}
}@media (max-width:768px){.index-page .module-block .module-header{margin-bottom:40px}
}@media (min-width:768px){.article-page .prev-next-article-btn .right-col{text-align:right}
}