@import url("iconfont.css");
/* home banner */
.home-banner .pcimg{display:block}
.home-banner .pcimg img{display:block}
.home-banner .mobimg{display:none}
.home-banner .mobimg img{display:none}
.home-banner .swiper-slide img{width:100%; height: auto; object-fit: contain;}
.home-banner .swiper-slide{position: relative; overflow: hidden;}
.home-banner .swiper-pagination-bullet{background-color:#CCC;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.home-banner .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.home-banner .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.home-banner .swiper-pagination-bullet-active{background-color:#cb451b}
.home-banner .banner-button-next,.home-banner .banner-button-prev{position:absolute;left:20px;top:45%;width:50px;height:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;padding:10px;transition:all .1s linear}
.home-banner .banner-button-next:hover,.home-banner .banner-button-prev:hover{background:var(--color)}
.home-banner .banner-button-next em,.home-banner .banner-button-prev em{font-size:22px;color:#FFF}
.home-banner .banner-button-next{left:auto;right:20px}
.home-banner .banner-animote{position:absolute;bottom:40%;left:10%;color:#FFF;opacity:0;max-width:1000px}
.home-banner .banner-animote .title{font-size:42px;font-weight:700}
.home-banner .banner-animote .text{font-size:20px}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;transform:translateX(40px)}
100%{opacity:1;transform:translateX(0)}}
.index>main>section{position:relative}
/* home choose */
.home-choose{padding:4% 0 4%;z-index:1}
.home-choose::before{content:"";position:absolute;top:0;width:100%;height:350px;background:var(--color);z-index:-1}
.home-choose .home-des,.home-choose .home-title{color:#FFF}
.choose-ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.choose-ul .choose-item{width:23%;background:#FFFf;box-shadow:0 6px 13px 0 rgba(19,20,21,.08);padding:50px 30px;text-align:center;transition:all .2s linear}
.choose-ul .choose-item:hover{transform:translateY(-5px)}
.choose-ul .choose-item:hover .icon{transform:rotateY(360deg)}
.choose-ul .choose-item .title{color:var(--fontcolortitle);font-size:24px;line-height:24px;margin-bottom:20px}
.choose-ul .choose-item img{height:60px;transition:all .3s linear}
.choose-ul .choose-item .icon{transition:all .3s linear;line-height:1}
.choose-ul .choose-item em{font-size:60px;color:var(--color)}
.choose-ul .choose-item .info{margin-top:20px;color:var(--fontcolorintro)}
/* About Us 轮播图样式 - 完全复制首页轮播图样式 */
.about-banner-swiper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 40px;
}

.about-banner-swiper .pcimg{display:block}
.about-banner-swiper .pcimg img{display:block}
.about-banner-swiper .mobimg{display:none}
.about-banner-swiper .mobimg img{display:none}
.about-banner-swiper .swiper-slide img{width:100%; height: auto; object-fit: contain;}
.about-banner-swiper .swiper-slide{position: relative; overflow: hidden;}
.about-banner-swiper .swiper-pagination-bullet{background-color:#CCC;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.about-banner-swiper .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.about-banner-swiper .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.about-banner-swiper .swiper-pagination-bullet-active{background-color:#cb451b}
.about-banner-swiper .about-banner-button-next,.about-banner-swiper .about-banner-button-prev{position:absolute;left:20px;top:45%;width:50px;height:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;padding:10px;transition:all .1s linear}
.about-banner-swiper .about-banner-button-next:hover,.about-banner-swiper .about-banner-button-prev:hover{background:var(--color)}
.about-banner-swiper .about-banner-button-next em,.about-banner-swiper .about-banner-button-prev em{font-size:22px;color:#FFF}
.about-banner-swiper .about-banner-button-next{left:auto;right:20px}
.about-banner-swiper .banner-animote{position:absolute;bottom:40%;left:10%;color:#FFF;opacity:0;max-width:1000px}
.about-banner-swiper .banner-animote .title{font-size:42px;font-weight:700}
.about-banner-swiper .banner-animote .text{font-size:20px}
.about-banner-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}

/* 产品模块轮播图样式 */
.product-banner-swiper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 40px;
}

.product-banner-swiper .pcimg{display:block}
.product-banner-swiper .pcimg img{display:block}
.product-banner-swiper .mobimg{display:none}
.product-banner-swiper .mobimg img{display:none}
.product-banner-swiper .swiper-slide img{width:100%; height: auto; object-fit: contain;}
.product-banner-swiper .swiper-slide{position: relative; overflow: hidden;}
.product-banner-swiper .swiper-pagination-bullet{background-color:#CCC;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.product-banner-swiper .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.product-banner-swiper .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.product-banner-swiper .swiper-pagination-bullet-active{background-color:#cb451b}
.product-banner-swiper .product-banner-button-next,.product-banner-swiper .product-banner-button-prev{position:absolute;left:20px;top:45%;width:50px;height:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;padding:10px;transition:all .1s linear}
.product-banner-swiper .product-banner-button-next:hover,.product-banner-swiper .product-banner-button-prev:hover{background:var(--color)}
.product-banner-swiper .product-banner-button-next em,.product-banner-swiper .product-banner-button-prev em{font-size:22px;color:#FFF}
.product-banner-swiper .product-banner-button-next{left:auto;right:20px}
.product-banner-swiper .banner-animote{position:absolute;bottom:40%;left:10%;color:#FFF;opacity:0;max-width:1000px}
.product-banner-swiper .banner-animote .title{font-size:42px;font-weight:700}
.product-banner-swiper .banner-animote .text{font-size:20px}
.product-banner-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}

/* 项目模块轮播图样式 */
.project-banner-swiper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 40px;
}

/* 项目轮播图容器显示控制 */
.projectSwiper { display: block; }
.projectSwiperMobile { 
  display: none !important; 
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

/* 移动端项目轮播图显示切换 */
@media (max-width: 768px) {
  .projectSwiper { display: none; }
  .projectSwiperMobile { display: block; }
  
  .project-banner-swiper .pcimg{display:none}
  .project-banner-swiper .pcimg img{display:none}
  .project-banner-swiper .mobimg{display:block}
  .project-banner-swiper .mobimg img{display:block}
  
  /* 产品轮播图响应式切换 */
  .productSwiper { display: none; }
  .productSwiperMobile { display: block; }
  
  .product-banner-swiper .pcimg{display:none}
  .product-banner-swiper .pcimg img{display:none}
  .product-banner-swiper .mobimg{display:block}
  .product-banner-swiper .mobimg img{display:block}
  
  /* About Us 轮播图响应式切换 */
  .aboutSwiper { display: none; }
  .aboutSwiperMobile { display: block; }
  
  /* 分类导航轮播图响应式切换 */
  .categorySwiper { display: none; }
  .categorySwiperMobile { display: block; }
  
  /* 新闻轮播图响应式切换 */
  .newsSwiper { display: none; }
  .newsSwiperMobile { display: block; }
}

/* PC端默认显示设置 */
.productSwiper { display: block; }
.productSwiperMobile { display: none; }

.projectSwiper { display: block; }
.projectSwiperMobile { 
  display: none !important; 
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

.project-banner-swiper .pcimg{display:block}
.project-banner-swiper .pcimg img{display:block}
.project-banner-swiper .mobimg{display:none}
.project-banner-swiper .mobimg img{display:none}
.project-banner-swiper .swiper-slide img{width:100%; height: auto; object-fit: contain;}
.project-banner-swiper .swiper-slide{position: relative; overflow: hidden;}
.project-banner-swiper .swiper-pagination-bullet{background-color:#CCC;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.project-banner-swiper .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.project-banner-swiper .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.project-banner-swiper .swiper-pagination-bullet-active{background-color:#cb451b}
.project-banner-swiper .project-banner-button-next,.project-banner-swiper .project-banner-button-prev{position:absolute;left:20px;top:45%;width:50px;height:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;padding:10px;transition:all .1s linear}
.project-banner-swiper .project-banner-button-next:hover,.project-banner-swiper .project-banner-button-prev:hover{background:var(--color)}
.project-banner-swiper .project-banner-button-next em,.project-banner-swiper .project-banner-button-prev em{font-size:22px;color:#FFF}
.project-banner-swiper .project-banner-button-next{left:auto;right:20px}
.project-banner-swiper .banner-animote{position:absolute;bottom:40%;left:10%;color:#FFF;opacity:0;max-width:1000px}
.project-banner-swiper .banner-animote .title{font-size:42px;font-weight:700}
.project-banner-swiper .banner-animote .text{font-size:20px}
.project-banner-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}

/* 新闻模块轮播图样式 */
.head-list .item em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color);
  color: #FFF;
  width: 35px;
  height: 35px;
  font-size: 20px;
  border-radius: 50%;
}
.news-banner-swiper .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.head-list .item .icon em {
  color: var(--white);
  font-size: 18px;
}
.news-banner-swiper .banner-animote{position:absolute;bottom:40%;left:10%;color:#FFF;opacity:0;max-width:1000px}
.head-list .item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  margin-right: var(--spacing-xs);
}
.category-banner-swiper .swiper-slide{position: relative; overflow: hidden;}
.category-banner-swiper .swiper-pagination-bullet{background-color:#CCC;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.category-banner-swiper .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.category-banner-swiper .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.category-banner-swiper .swiper-pagination-bullet-active{background-color:#cb451b}
.category-banner-swiper .category-banner-button-next,.category-banner-swiper .category-banner-button-prev{position:absolute;left:20px;top:45%;width:50px;height:50px;z-index:99;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,.4);border-radius:50%;padding:10px;transition:all .1s linear}
.category-banner-swiper .category-banner-button-next:hover,.category-banner-swiper .category-banner-button-prev:hover{background:var(--color)}
.category-banner-swiper .category-banner-button-next em,.category-banner-swiper .category-banner-button-prev em{font-size:22px;color:#FFF}
.category-banner-swiper .category-banner-button-next{left:auto;right:20px}
.category-banner-swiper .banner-animote{position:absolute;bottom:40%;left:10%;color:#FFF;opacity:0;max-width:1000px}
.category-banner-swiper .banner-animote .title{font-size:42px;font-weight:700}
.category-banner-swiper .banner-animote .text{font-size:20px}
.category-banner-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}

/* About Us 全宽轮播样式 - 优化版 */
.home-about{
  padding: 0 0 3%;
  position: relative;
}

/* About Us Full Width Banner */
.about-banner {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 40px;
}

.about-swiper {
  width: 100%;
  height: 50vw; /* 根据1920:720比例调整，约37.5vw，这里设为50vw更好看 */
  max-height: 600px;
  min-height: 400px;
}

.about-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.about-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}

.about-pagination {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.about-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background: rgba(255,255,255,0.6);
  opacity: 1;
  margin: 0 6px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.about-pagination .swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.2);
  box-shadow: 0 0 15px rgba(255,255,255,0.8);
}

.home-about .about-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}
.home-about .about-wrap>div{width:100%}
.home-about .about-info-full{
  width:100%;
  text-align:center;
  padding-top:0;
}
.home-about .about-info-full .home-des,
.home-about .about-info-full .home-title{
  text-align:center;
  margin-bottom: 20px;
}
.home-about .about-info-full .home-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--fontcolortitle);
}
.home-about .about-info-full .about-content{
  color:var(--fontcolorintro);
  margin:20px 0;
  text-align:center;
  font-size: 16px;
  line-height: 1.8;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.home-about .about-info-full .about-content p{
  margin-bottom:20px;
  line-height:1.8;
}
.home-about .about-info-full .home-more {
  margin-top: 30px;
}

/* About Us 单图样式 - 响应式优化 */
.about-single-image {
  display: block;
  width: 100%;
  height: 50vw;
  max-height: 600px;
  min-height: 400px;
  object-fit: cover;
  object-position: center;
}

/* YouTube 视频模块样式 */
.youtube-video {
  padding: 4% 0;
  background: #f8f9fa;
  text-align: center !important;
}

.video-header {
  text-align: center !important;
  margin-bottom: 25px;
  width: 100%;
}

.video-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--fontcolortitle);
  margin-bottom: 8px;
  position: relative;
  line-height: 1.2;
  text-align: center !important;
  display: block;
}

.video-title::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--color);
}

.video-subtitle {
  font-size: 14px;
  color: var(--fontcolorintro);
  margin-top: 10px;
  line-height: 1.3;
  text-align: center !important;
}

/* 
 * Video container styles have been moved to inline styles 
 * to ensure proper 16:9 aspect ratio maintenance
 */
.video-container {
  position: relative;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto !important;
  display: block;
}

/* 响应式视频尺寸 - 保持16:9比例 */
@media (max-width: 1024px) {
  .video-container {
    width: 95%;
    padding-bottom: 40.31%; /* 保持原来的比例 */
  }
}

@media (max-width: 768px) {
  .video-container {
    width: 95%;
    padding-bottom: 40.31%; /* 保持原来的比例 */
  }
  
  /* About Us 图片移动端优化 */
  .about-single-image {
    height: 45vw;
    max-height: 350px;
    min-height: 250px;
  }
  
  /* Company Video 移动端优化 */
  .youtube-video .video-title {
    font-size: 24px;
  }
  
  .youtube-video .video-subtitle {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  .video-container {
    width: 96%;
    padding-bottom: 56.25%; /* 保持16:9比例 */
    margin: 0 auto;
  }
  
  /* About Us 图片小屏幕优化 */
  .about-single-image {
    height: 40vw;
    max-height: 280px;
    min-height: 200px;
  }
  
  /* Company Video 小屏幕优化 */
  .youtube-video .video-title {
    font-size: 20px;
  }
  
  .youtube-video .video-subtitle {
    font-size: 12px;
  }
}
.home-about .color{font-weight:var(--fontweight);font-size:18px;color:#080808;display:flex;align-items:center}
.home-about .color span{color:var(--color);font-size:24px;padding-right:15px}
.home-about .about-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-shadow:0 6px 13px 0 rgba(19,20,21,.15);padding:2% 6%;margin-top:30px;position:absolute;left:50%;transform:translateX(-50%);bottom:-70px;max-width:1600px;width:100%;z-index:9;background:#FFF}
.home-about .about-contact p{font-weight:var(--fontweight);font-size:22px}
/* home project */
.home-project{background:#FFFbfa;padding:3% 15px 2%}
.home-project .swiper{margin-top:25px;padding-bottom:50px}
.home-project .swiper .project-button-next,.home-project .swiper .project-button-prev{position:absolute;bottom:0;left:calc(50% - 50px);background:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#FFF;width:40px;height:40px;cursor:pointer;transition:all .1s linear}
.home-project .swiper .project-button-next.swiper-button-disabled,.home-project .swiper .project-button-prev.swiper-button-disabled{background:#bababa}
.home-project .swiper .project-button-next em,.home-project .swiper .project-button-prev em{font-size:20px}
.home-project .swiper .project-button-next:hover,.home-project .swiper .project-button-prev:hover{opacity:.9}
.home-project .swiper .swiper-slide{overflow:hidden}
.home-project .swiper .swiper-slide img{transition:all .2s linear;width:100%;height:auto;object-fit:contain}
/* 移除项目轮播图的悬停放大效果，保持干净风格 */
/* .home-project .swiper .swiper-slide img:hover{transform:scale(1.1)} */
.home-project .swiper .project-button-next{left:auto;right:calc(50% - 50px)}
/* home product */
.home-product{padding:2% 0 3%}
.index-pro{display:flex;flex-wrap:wrap;margin-top:25px}
.index-pro .pro-item{width:25%;border:1px solid #e5e5e5;border-left:none;overflow:hidden;text-align:center;transition:all .1s linear;display:flex;flex-direction:column;position:relative}
.index-pro .pro-item:nth-child(4n+1){border-left:1px solid #e5e5e5}
.index-pro .pro-item:nth-child(n+5){border-top:none}
.index-pro .pro-item:hover{outline-color:var(--color);z-index:9}
.index-pro .pro-item:hover .pro-img img{transform:translate(-50%,-50%) scale(1.05)}
.index-pro .pro-item:hover .pro-info .pro-title a{color:var(--color)}
.index-pro .pro-item:hover .pro-info .pro-btn em{position:static;opacity:1}
.index-pro .pro-item .pro-img a{display:block;overflow:hidden;position:relative;height:0;padding-bottom:100%}
.index-pro .pro-item .pro-img a img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .1s linear}
.index-pro .pro-item .pro-info{flex:1;padding:10px;display:flex;flex-direction:column;justify-content:space-between}
.index-pro .pro-item .pro-title a{font-weight:700;margin-bottom:10px;color:var(--fontcolortitle);line-height:20px;text-transform:capitalize}
.index-pro .pro-item .pro-btn{color:var(--color);font-size:16px;padding-left:15px;transition:all .1s linear}
.index-pro .pro-item .pro-btn em{font-style:normal;opacity:0;transition:all .1s linear}
/* home activity */
.home-activity{z-index:1}
.home-activity::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(270deg,var(--fontcolortitle) 0,rgba(0,0,0,0) 100%);z-index:-1}
.home-activity .l-wrap{display:flex;justify-content:flex-end}
.activity-wrap{width:50%;color:#FFF;padding:6% 0}
.activity-wrap .text{font-size:18px}
.activity-wrap .title{font-size:48px;font-weight:var(--fontweight);line-height:1.2;margin:10px 0 20px}
.activity-wrap .content{font-size:16px;line-height:24px;margin-bottom:20px}
.activity-wrap .img{display:flex;margin-bottom:30px}
.activity-wrap .img img{height:200px;margin-right:15px;transition:all .2s linear}
.activity-wrap .img img:hover{transform:translateY(-5px)}
/* home news */
.home-news{padding:2% 0 2%}
.news-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.news-list .news-item{background:#FFF;width:23%;margin-bottom:20px;transition:all .2s linear;box-shadow:0 6px 13px 0 rgba(19,20,21,.08)}
.news-list .news-item:nth-child(4n){margin-right:0}
.news-list .news-item:hover{box-shadow:0 6px 13px 0 rgba(19,20,21,.15)}
.news-list .news-item:hover .news-img img{transform:scale(1.02)}
.news-list .news-item:hover .news-info .news-title a{color:var(--color)}
.news-list .news-item .news-img{overflow:hidden;position:relative}
.news-list .news-item .news-img img{width:100%;transition:all .2s linear}
.news-list .news-item .news-img .news-date{position:absolute;bottom:0;left:20px;background:var(--color);color:#FFF;width:130px;height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.news-list .news-item .news-info{padding:20px 15px}
.news-list .news-item .news-info .news-title a{color:#141616;font-size:var(--fonttitle);font-weight:var(--fontweight);line-height:20px;text-transform:capitalize}
.news-list .news-item .news-info .news-text{font-size:var(--fontintro);margin:10px 0;color:var(--fontcolorintro);line-height:22px}
.news-list .news-item .news-info .news-btn{color:var(--color);font-size:16px}
@media (max-width:1280px){.choose-ul .choose-item .title{font-size:20px}
.home-activity::before{background:linear-gradient(90deg,var(--fontcolortitle) 0,rgba(0,0,0,.45) 100%)}
.home-activity .activity-wrap{width:100%}
.home-activity .activity-wrap .title{font-size:30px}
.news-list .news-item{width:24%}}
@media (max-width:1024px){.choose-ul .choose-item{width:24%}
.home-banner .banner-animote{left:0;width:100%;padding:0 10%}
.home-banner .banner-animote .title{font-size:30px}
.home-banner .banner-animote .text{font-size:16px}
.about-banner-swiper .banner-animote{left:0;width:100%;padding:0 10%}
.about-banner-swiper .banner-animote .title{font-size:30px}
.about-banner-swiper .banner-animote .text{font-size:16px}
.product-banner-swiper .banner-animote{left:0;width:100%;padding:0 10%}
.product-banner-swiper .banner-animote .title{font-size:30px}
.product-banner-swiper .banner-animote .text{font-size:16px}
.project-banner-swiper .banner-animote{left:0;width:100%;padding:0 10%}
.project-banner-swiper .banner-animote .title{font-size:30px}
.project-banner-swiper .banner-animote .text{font-size:16px}
.news-banner-swiper .banner-animote{left:0;width:100%;padding:0 10%}
.news-banner-swiper .banner-animote .title{font-size:30px}
.news-banner-swiper .banner-animote .text{font-size:16px}
.category-banner-swiper .banner-animote{left:0;width:100%;padding:0 10%}
.category-banner-swiper .banner-animote .title{font-size:30px}
.category-banner-swiper .banner-animote .text{font-size:16px}
.home-about{padding-bottom:0}
.home-about .about-contact{position:static;transform:none;margin-top:35px}
.about-swiper{height:55vw;max-height:500px;min-height:350px}
.home-about .about-info-full .home-title{font-size:30px}
.home-about .about-info-full .about-content{font-size:15px}
.home-about .about-wrap{padding:0 15px}
.news-list .news-item .news-info{padding:15px 8px}}
@media (max-width:768px){
.home-banner .pcimg{display:none}
.home-banner .pcimg img{display:none}
.home-banner .mobimg{display:block !important}
.home-banner .mobimg img{display:block !important; width: 100%; height: auto;}
.home-banner .swiper-slide img{width:100%; height: auto;}
.home-banner .banner-button-next,.home-banner .banner-button-prev{top:36%;display:none}
.home-banner .banner-animote{bottom:32%}
.home-banner .banner-animote .title{font-size:16px}
.home-banner .banner-animote .text{font-size:12px}
.about-banner-swiper .pcimg{display:none}
.about-banner-swiper .pcimg img{display:none}
.about-banner-swiper .mobimg{display:block !important}
.about-banner-swiper .mobimg img{display:block !important; width: 100%; height: auto;}
.about-banner-swiper .swiper-slide img{width:100%; height: auto;}
.about-banner-swiper .about-banner-button-next,.about-banner-swiper .about-banner-button-prev{top:36%;display:none}
.about-banner-swiper .banner-animote{bottom:32%}
.about-banner-swiper .banner-animote .title{font-size:16px}
.about-banner-swiper .banner-animote .text{font-size:12px}
.product-banner-swiper .pcimg{display:none}
.product-banner-swiper .pcimg img{display:none}
.product-banner-swiper .mobimg{display:block !important}
.product-banner-swiper .mobimg img{display:block !important; width: 100%; height: auto;}
.product-banner-swiper .swiper-slide img{width:100%; height: auto;}
.product-banner-swiper .product-banner-button-next,.product-banner-swiper .product-banner-button-prev{top:36%;display:none}
.product-banner-swiper .banner-animote{bottom:32%}
.product-banner-swiper .banner-animote .title{font-size:16px}
.product-banner-swiper .banner-animote .text{font-size:12px}
/* 项目轮播图移动端响应式样式已合并到主要媒体查询中 */
.project-banner-swiper .swiper-slide img{width:100%; height: auto;}
.project-banner-swiper .project-banner-button-next,.project-banner-swiper .project-banner-button-prev{top:36%;display:none}
.project-banner-swiper .banner-animote{bottom:32%}
.project-banner-swiper .banner-animote .title{font-size:16px}
.project-banner-swiper .banner-animote .text{font-size:12px}
.news-banner-swiper .pcimg{display:none}
.news-banner-swiper .pcimg img{display:none}
.news-banner-swiper .mobimg{display:block !important}
.news-banner-swiper .mobimg img{display:block !important; width: 100%; height: auto;}
.news-banner-swiper .swiper-slide img{width:100%; height: auto;}
.news-banner-swiper .news-banner-button-next,.news-banner-swiper .news-banner-button-prev{top:36%;display:none}
.news-banner-swiper .banner-animote{bottom:32%}
.news-banner-swiper .banner-animote .title{font-size:16px}
.news-banner-swiper .banner-animote .text{font-size:12px}
.category-banner-swiper .pcimg{display:none}
.category-banner-swiper .pcimg img{display:none}
.category-banner-swiper .mobimg{display:block !important}
.category-banner-swiper .mobimg img{display:block !important; width: 100%; height: auto;}
.category-banner-swiper .swiper-slide img{width:100%; height: auto;}
.category-banner-swiper .category-banner-button-next,.category-banner-swiper .category-banner-button-prev{top:36%;display:none}
.category-banner-swiper .banner-animote{bottom:32%}
.category-banner-swiper .banner-animote .title{font-size:16px}
.category-banner-swiper .banner-animote .text{font-size:12px}
.home-about .about-info-full .about-content{margin-top:8px}
.home-about .about-info-full .home-title{font-size:26px;margin-bottom:15px}
.home-about .about-info-full .about-content{font-size:14px;margin:15px 0}
.home-about .about-wrap{padding:0 10px}
.about-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px}
.about-single-image{height:45vw;max-height:350px;min-height:250px}
.choose-ul .choose-item:hover .icon{transform:none}
.choose-ul{margin-top:20px}
.choose-ul .choose-item{width:48%;margin-bottom:20px;padding:20px 10px}
.choose-ul .choose-item .title{margin-bottom:10px;font-size:18px}
.choose-ul .choose-item em{font-size:40px}
.choose-ul .choose-item .info{margin-top:15px;font-size:14px}
.home-about .about-wrap>div{width:100%}
.home-about{padding-bottom:1.5%}
.home-about .about-contact{margin-top:20px;display:none}
.home-about .about-contact .home-more{margin-top:15px}
.about-swiper{height:60vw;max-height:400px;min-height:280px}
.home-project .swiper{margin-top:20px}
.home-project .swiper .project-button-next,.home-project .swiper .project-button-prev{bottom:15px}
.home-activity .activity-wrap .img{justify-content:space-between;align-items:flex-start}
.home-activity .activity-wrap .img img{margin:0;height:auto}
.home-activity .activity-wrap .title{font-size:26px}
.home-activity .activity-wrap .title br{display:none}
.index-pro .pro-item{width:50%;border:1px solid #e5e5e5 !important}
.index-pro .pro-item:nth-child(2n+1){border-right:none !important}
.index-pro .pro-item:nth-child(n+3){border-top:none !important}
.index-pro .pro-item .pro-info{font-weight:400}
.news-list .news-item{width:48%}
.news-list .news-item .news-img .news-date{height:30px;left:0;font-size:14px;width:100px;height:30px}
.news-list .news-item .news-info .news-title a{display:block}
.news-list .news-item .news-info .news-title{-webkit-line-clamp:4;line-clamp:4}
.news-list .news-item .news-info .news-text{font-size:14px;line-height:20px}}
/* 移除项目轮播图的移动端高度限制以保持图片比例 */

/* 移动端专用 About Us 样式 */
@media(max-width:480px){
.about-swiper{height:65vw;max-height:300px;min-height:220px}
.about-single-image{height:40vw;max-height:280px;min-height:200px}
.home-about .about-info-full .home-title{font-size:22px}
.home-about .about-info-full .about-content{font-size:13px}
.home-about .about-info-full .home-more{width:140px;height:36px;font-size:14px;margin-top:20px}
.about-pagination{bottom:15px !important}
.youtube-video .video-title{font-size:18px}
.youtube-video .video-subtitle{font-size:11px}
.youtube-video{padding:3% 0}
}

/* ==========================================
   模块横板海报通用样式
   ========================================== */

/* 模块横板海报容器 - 添加动画效果 */
.module-banner {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 50px;
  overflow: hidden;
  cursor: pointer;
  /* 添加从下飘进来的动画 */
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* 让容器自适应内容高度，类似首页轮播图 */
  height: auto;
  line-height: 0; /* 消除图片下方空隙 */
}

/* 动画激活状态 */
.module-banner[data-aos="fade-up"] {
  opacity: 1;
  transform: translateY(0);
}

/* 海报图片样式 - 像首页轮播图一样的显示风格 */
.module-banner-image {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.5s ease;
  background-color: #f8f9fa;
  /* 确保图片完全响应式，类似首页轮播图 */
  box-sizing: border-box;
}

/* 悬停效果 */
.module-banner:hover .module-banner-image {
  transform: scale(1.05);
}

/* 海报文字遮罩层 */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    135deg, 
    rgba(0, 0, 0, 0.4) 0%, 
    rgba(0, 0, 0, 0.2) 50%, 
    rgba(0, 0, 0, 0.6) 100%
  );
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 5%;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* 悬停显示文字 */
.module-banner:hover .banner-overlay {
  opacity: 1;
}

/* 海报文字容器 */
.banner-text {
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  max-width: 600px;
}

/* 海报标题 */
.banner-title {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.2;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease 0.1s;
}

/* 海报副标题 */
.banner-subtitle {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.5s ease 0.2s;
}

/* 悬停时文字动画 */
.module-banner:hover .banner-title,
.module-banner:hover .banner-subtitle {
  opacity: 1;
  transform: translateY(0);
}

/* 大屏幕优化 */
@media (min-width: 1200px) {
  .module-banner-image {
    /* 在大屏幕上确保图片不会过分拉伸 */
    max-height: 70vh;
    width: 100%;
    object-fit: contain;
  }
}

/* 响应式设计 */
@media (max-width: 1200px) {
  .module-banner {
    margin-bottom: 40px;
  }
  
  .module-banner-image {
    /* 确保在中等屏幕下完整显示 */
    max-height: 60vh;
  }
  
  .banner-text {
    max-width: 500px;
  }
  .banner-title {
    font-size: 32px;
  }
  .banner-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .module-banner {
    margin-bottom: 30px;
    /* 确保移动端完整显示 */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  
  .module-banner-image {
    width: 100% !important;
    height: auto !important;
    max-height: 50vh; /* 限制移动端最大高度 */
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
  
  .banner-overlay {
    padding: 0 4%;
  }
  
  .banner-text {
    max-width: 100%;
  }
  
  .banner-title {
    font-size: 20px;
  }
  
  .banner-subtitle {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .banner-overlay {
    padding: 0 3%;
  }
  
  .banner-title {
    font-size: 18px;
    margin-bottom: 6px;
  }
  
  .banner-subtitle {
    font-size: 12px;
  }
  
  /* 小屏幕横板海报优化 - 确保完整显示 */
  .module-banner {
    margin-bottom: 25px;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
  }
  
  .module-banner-image {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
  
  /* 小屏幕主轮播图优化 */
  .home-banner .mobimg img, 
  .home-banner .swiper-slide img {
    width: 100%;
    height: auto;
    max-height: 45vh; /* 限制主轮播图最大高度 */
    object-fit: contain;
  }
}

/* 特定模块样式调整 */

/* About Us 模块海报 */
.home-about .module-banner {
  margin-bottom: 40px;
}

/* 产品模块海报 */
.home-product .module-banner .banner-overlay {
  background: linear-gradient(
    135deg, 
    rgba(75, 75, 75, 0.4) 0%, 
    rgba(50, 50, 50, 0.2) 50%, 
    rgba(25, 25, 25, 0.6) 100%
  );
}

/* 项目模块海报 */
.home-project .module-banner .banner-overlay {
  background: linear-gradient(
    135deg, 
    rgba(52, 122, 182, 0.4) 0%, 
    rgba(30, 100, 160, 0.2) 50%, 
    rgba(20, 80, 140, 0.6) 100%
  );
}

/* 新闻模块海报 */
.home-news .module-banner .banner-overlay {
  background: linear-gradient(
    135deg, 
    rgba(220, 53, 69, 0.4) 0%, 
    rgba(200, 35, 50, 0.2) 50%, 
    rgba(180, 20, 30, 0.6) 100%
  );
}

/* 分类导航模块海报 */
.category-navigation .module-banner .banner-overlay {
  background: linear-gradient(
    135deg, 
    rgba(40, 167, 69, 0.4) 0%, 
    rgba(30, 140, 50, 0.2) 50%, 
    rgba(20, 120, 40, 0.6) 100%
  );
}

/* PC和移动端横板海报分离显示 */
/* PC端横板海报默认显示 - 优化完整显示 */
.module-banner.pcimg {
  display: block;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 50px;
  overflow: hidden;
  line-height: 0;
}

/* PC端海报图片样式 - 像首页轮播图一样自适应 */
.module-banner.pcimg .module-banner-image {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  /* 类似首页轮播图的响应式行为 */
  box-sizing: border-box;
}

/* 移动端横板海报默认隐藏 */
.module-banner.mobimg {
  display: none;
}

/* 移动端响应式 - 切换显示 */
@media (max-width: 768px) {
  /* PC端横板海报在移动端隐藏 */
  .module-banner.pcimg {
    display: none !important;
  }
  
  /* 移动端横板海报显示 */
  .module-banner.mobimg {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  
  /* 移动端海报容器调整 */
  .module-banner {
    margin-bottom: 30px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  
  /* 移动端横板海报图片完整显示 - 像首页轮播图风格 */
  .module-banner-image {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
  }
  
  .banner-overlay {
    padding: 0 4%;
  }
  
  .banner-text {
    max-width: 100%;
  }
  
  .banner-title {
    font-size: 20px;
  }
  
  .banner-subtitle {
    font-size: 14px;
  }
}