@charset "utf-8";
/* CSS Document */

 * {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    body {
      background: #f8fafc;
      margin: 0;
      /* 重要: 不再通过 padding-top 固定占位，因为导航是 fixed 并且会消失/出现，内容自然从顶部开始 */
      padding-top: 0;
    }
 a {text-decoration: none;}
a:hover{text-decoration: none}
    /* 导航默认占位容器（用于文档流占位，避免跳动） */
    .nav-placeholder {
      width: 100%;
      transition: height 0.2s;
      background: transparent;
    }
ul {list-style-type: none;}
   
    /* 真正的导航容器：初始是 static 布局，跟随滚动；当超过200px时，变为 fixed 模式 */
    .navbar-fixed-wrapper {
      width: 100%;
      z-index: 1030;
      transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1), box-shadow 0.2s;
    }
    
    /* 粘性模式（滚动超过200px后激活，固定在顶部） */
    .navbar-fixed-wrapper.sticky-mode {
      position: fixed;
      top: 0;
      left: 0;
      transform: translateY(0);
      animation: slideDown 0.4s ease-out;
    }
    
    /* 当 sticky-mode 但需要隐藏时（例如滚动向上又小于阈值时会切回static,无需这个类）但是为了避免额外，通过移除sticky-mode */
    /* 同时，在sticky-mode时再次向上滚动到小于阈值，则移除fixed,恢复文档流，导航会随着页面正常滚动走 */
    
    @keyframes slideDown {
      0% {
        transform: translateY(-100%);
        opacity: 0;
      }
      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }
    
    /* 导航主体样式 */
    .custom-navbar {
      background-color: #ffffff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
      padding: 0.75rem 1rem;
      width: 100%;
    }
    
    .sticky-mode .custom-navbar {
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    }

    /* logo 区域 */
    .navbar-brand {
      font-weight: 700;
      font-size: 1.6rem;
      letter-spacing: -0.3px;
      color: #1e2a3e;
      transition: color 0.2s;
      display: flex;
      align-items: center;
    }
    .navbar-brand:hover {
      color: #0d6efd;
      text-decoration: none;
    }
    .logo-icon {
      background: linear-gradient(135deg, #0d6efd, #0a58ca);
      width: 34px;
      height: 34px;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-right: 8px;
      color: white;
      font-weight: bold;
      font-size: 1.2rem;
    }

    /* 中间导航菜单 */
    .nav-center {
      display: flex;
      justify-content: center;
      flex-grow: 1;
    }
    .navbar-nav-center {
      display: flex;
      flex-direction: row;
      gap: 0.25rem;
    }




    @media (max-width: 991.98px) {
      .navbar-nav-center {
        flex-direction: column;
        width: 100%;
        text-align: center;
        margin-top: 1rem;
        background:#f4f5f7;
       
      }
      .navbar-nav-center li{border-bottom: 1px double #aab6c9;}
      .nav-center {
        order: 3;
        width: 100%;
        margin-top: 0.75rem;
      }
      .custom-navbar .container-fluid {
        flex-wrap: wrap;
      }
      .right-icons {
        margin-left: auto !important;
      }
    }

    .nav-link-custom {
      font-weight: 500;
      font-size: 1.2rem;
      padding: 0.8rem 1.6rem 0.8rem 1.6rem !important;
      color: #2c3e50 !important;
      transition: all 0.2s;
      border-radius: 40px;
      margin: 0 2px;
    }
    .nav-link-custom:hover,
    .nav-link-custom:focus {
      color: #0d6efd !important;
      background-color: #eef2ff;
      text-decoration: none;
    }

    /* 右侧图标及链接区域 */
    .right-icons {
      display: flex;
      align-items: center;
      gap: 1rem;
    }
    .icon-link {
      background: transparent;
      border: none;
      font-size: 1.25rem;
      color: #2c3e50;
      cursor: pointer;
      transition: color 0.2s, transform 0.1s;
      padding: 0.4rem 0.6rem;
      border-radius: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    .icon-link i {
      font-size: 1.25rem;
      pointer-events: none;
    }
    .icon-link:hover {
      color: #0d6efd;
      background-color: #f1f5f9;
      transform: scale(1.02);
    }
    .text-link {
      font-weight: 500;
      color: #2c3e50;
      transition: color 0.2s;
      text-decoration: none;
      font-size: 0.95rem;
      padding: 0.4rem 0.2rem;
    }
    .text-link:hover {
      color: #0d6efd;
      text-decoration: none;
    }

    /* 搜索框容器：位于导航下方，正常文档流，也会跟随滚动/固定 */
    .search-wrapper {
      width: 100%;
      background-color: white;
      border-top: 1px solid rgba(0,0,0,0.05);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
      transition: max-height 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1), opacity 0.3s, visibility 0.3s, padding 0.3s;
      max-height: 0;
      opacity: 0;
      visibility: hidden;
      overflow: hidden;
      transform: translateY(-5px);
    }
    .search-wrapper.open {
      max-height: 130px;
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
      padding: 0.75rem 1rem;
    }
    .search-full-bar {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 5px;
		
		padding:2px 2px 2px 20px;
    }
    .search-full-bar input {
      flex: 1;
     border: 1px solid #e2e8f0;
      border-radius: 50px;
      padding: 0.75rem 1.2rem;
      font-size: 1rem;
      background: #ffffff;
      transition: 0.2s;
      outline: none;
    }
    .search-full-bar input:focus {
      border-color: #0d6efd;
      box-shadow: 0 0 0 3px rgba(13,110,253,0.0);
    }
    .search-full-bar button {
      background: #0d6efd;
      border: none;
      color: white;
      font-weight: 500;
      padding: 0.75rem 1.4rem;
      border-radius: 50px;
      transition: all 0.2s;
      display: flex;
      align-items: center;
      gap: 6px;
      cursor: pointer;
    }
    .search-full-bar button:hover {
      background: #0b5ed7;
      transform: scale(0.98);
    }
    @media (max-width: 640px) {
      .search-full-bar {
        gap: 8px;
      }
      .search-full-bar input {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
      }
      .search-full-bar button {
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
      }
      .search-wrapper.open {
        max-height: 115px;
      }
    }

    .link-group {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      border-left: 1px solid #e2e8f0;
      padding-left: 1rem;
      margin-left: 0.25rem;
    }
    @media (max-width: 576px) {
      .link-group {
        border-left: none;
        padding-left: 0;
      }
      .right-icons {
        gap: 0.5rem;
      }
    }

    .active-nav {
      color: #0d6efd !important;
      background-color: #eef2ff !important;
      font-weight: 600;
    }

    .navbar-toggler {
      border: none;
      outline: none;
      padding: 0.25rem 0.5rem;
    }
    .navbar-toggler:focus {
      outline: none;
      box-shadow: none;
    }
    .navbar-toggler-icon {
      background-image: none;
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      vertical-align: middle;
    }

    /* 内容区域正常样式 */
    .jumbotron-custom {
      background-color: white;
      border-radius: 20px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    }
    .scroll-space {
      height: 1000px;
      background: linear-gradient(to bottom, #f1f5f9, #ffffff);
      border-radius: 24px;
      margin-top: 2rem;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      padding-bottom: 30px;
      position: relative;
    }
    .scroll-space:after {
      content: "👇 滚动查看效果：导航栏会先随页面滚走，当滚动超过200px时，导航会以固定模式滑下并吸顶";
      font-size: 14px;
      color: #1e293b;
      background: white;
      padding: 8px 20px;
      border-radius: 40px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      margin-bottom: 30px;
      display: inline-block;
    }
    @media (max-width: 768px) {
      .scroll-space:after {
        font-size: 12px;
        text-align: center;
        width: 90%;
        white-space: normal;
      }
    }
    .gap-2 {
      gap: 0.5rem;
    }
    /* 初始导航占位高度，保证页面不抖动 */
    .initial-nav-height {
      transition: all 0.1s;
    }




.in_ggy{width: 100%;  background:#fff; padding: 40px 0px;}
.in_ggy_con{ display: flex; max-width:1500px; margin: 0px auto; width: 100%; gap:90px; align-items:center }
.in_ggy_con p:nth-child(1){font-size: 80px; line-height: 90px; color: #3c6ab6; font-weight: 700;  }
.in_ggy_con p:nth-child(2){font-size: 20px; }
.in_ggy_con p:nth-child(2) a{font-size: 20px; background:#123171; display: block; width: 260px; line-height: 50px; color: #fff; text-align: center; margin-top: 30px; }

.in_banner{ width: 100%; background: url(../images/banner.jpg) no-repeat center center;}
.in_banner video{width: 100%; display: block; }


.in_about_bj{ width: 100%; background: url(../images/inabbj.jpg) no-repeat center top; padding-bottom: 100px;}
.in_about{display: flex; max-width:1500px; margin: 0px auto; width: 100%; gap:30px; padding-top: 100px;}
.in_about_l{ width: 45%;}
.in_about img{max-width: 100%;}
.in_about_r{width: 55%;}
.in_about_r h3{ font-size: 16px; color:#3e6fbc;}
.in_about_r h2{ font-size: 34px; line-height: 68px;}
.in_about_r p{font-size: 18px; line-height: 30px;}
.in_about_r button{ margin-top: 40px; display: block; font-size: 18px;}

.in_prod{ max-width:1500px; margin: 0px auto; width: 100%; margin-top: 80px; }
.in_prod .in_prod_tit{font-size: 34px; line-height: 40px; font-weight: 600;}
.in_prod .in_prod_ggy{font-size: 22px; }
.in_prod .in_prod_con{ display: -webkit-flex; /* Safari */  display: flex; flex-wrap:wrap; justify-content:space-between}
.in_prod .card{ width: 32%; margin-top: 70px; border-radius: 2px; }

.in_industries {max-width: 1500px;  margin: 0px auto;  width: 100%;  margin-top: 80px;  padding-bottom: 100px;  padding-left: 20px;  padding-right: 20px; }
.in_industries .in_industries_tit{font-size: 34px; line-height: 40px; font-weight: 600;  margin-bottom: 2rem;}
.in_industries_con{display: -webkit-flex; /* Safari */  display: flex; margin-top: 60px;}
.in_industries_conl{ width: 30%;}
.industries-layout { display: flex;  gap: 50px; flex-wrap: wrap; }
.industries-desc { flex: 1.2;  min-width: 220px;   font-size: 1.1rem;   line-height: 1.5;  color: #2c3e50;  padding: 1.8rem;  border-radius: 28px; align-self: flex-start;}
/* 滚动容器核心样式 */
.scroll-carousel-container { flex:5; min-width: 0; position: relative;}
.carousel-wrapper {position: relative; overflow: hidden; border-radius: 28px;}
.scroll-track {overflow-x: auto; scroll-behavior: auto; cursor: grab; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; }
.scroll-track::-webkit-scrollbar { display: none; }
.scroll-track.dragging { cursor: grabbing; user-select: none; }
.cards-container { display: flex;  gap: 24px; padding: 8px 4px 16px 4px;  flex-wrap: nowrap; }
/* 卡片样式 */
.card-item { flex-shrink: 0; background: #ffffff; border-radius:24px; overflow:hidden; box-shadow:0 12px 24px -12px rgba(0, 0, 0, 0.12);transition: transform 0.25s ease, box-shadow 0.3s ease; cursor: pointer;}
.card-item:hover {transform: translateY(-6px);box-shadow: 0 24px 36px -12px rgba(0, 0, 0, 0.2);}
.card-item img {width: 100%; height: 200px; object-fit: cover; transition: transform 0.4s ease;}
.card-item:hover img {transform: scale(1.02);}
.card-body-custom {padding: 1.2rem 1rem 1.5rem;}
.card-body-custom h5 {font-weight: 700; font-size: 1.25rem; margin-bottom: 0.5rem; color: #1e2a3e;}
.card-body-custom p {font-size: 0.9rem; color: #475569; margin-bottom: 0;}
.badge-industry {background: #eef2ff; color: #0d6efd; border-radius: 40px;  padding: 0.25rem 1rem;  display: inline-block; font-size: 0.75rem;font-weight: 500;margin-bottom: 0.75rem; }
    /* 自定义滚动条 + 箭头区域 */
.scroll-controls { display: flex;  align-items: center; justify-content: space-between;  margin-top: 24px;  gap: 16px; }
.scrollbar-area { flex: 1; position: relative;}
.custom-scrollbar {background: #e2e8f0; height: 6px; border-radius: 10px; position: relative; cursor: pointer; transition: height 0.1s;  width: 100%; }
.custom-scrollbar:hover {height: 8px;}
.custom-scroll-thumb {position: absolute; left: 0%; top: 0; height: 100%; background: linear-gradient(135deg, #0d6efd, #0a58ca); border-radius: 10px; cursor: grab; transition: none; min-width: 30px; box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.custom-scroll-thumb:active {cursor: grabbing; }
.arrows-group {display: flex; gap: 8px; flex-shrink: 0;}
.arrow-btn {background: #ffffff; border: 1px solid #e2e8f0; border-radius: 60px; width: 44px;  height: 44px; display: inline-flex;  align-items: center; justify-content: center;  cursor: pointer; transition: all 0.2s ease;
box-shadow: 0 2px 6px rgba(0,0,0,0.04); color: #1e2a3e;  font-size: 1.2rem; flex-shrink: 0;}
.arrow-btn:hover {background: #0d6efd; border-color: #0d6efd; color: white; transform: scale(1.02); }
.arrow-btn:active { transform: scale(0.96);}
@media ( max-width: 559px) {
   } 

@media (max-width: 640px) {
.arrow-btn { width: 38px; height: 38px;}
.custom-scrollbar { height: 5px; }	
    }
@media (max-width: 760px){
.industries-desc {min-width: 100%;}	


}


.in_news{width: 100%; background: #f1f1f1; padding: 80px 0px 80px 0px;}
.in_news_tit{font-size: 34px; line-height: 40px; font-weight: 600; max-width:1500px; margin: 0px auto; width: 100%; }
.in_news_con{max-width:1500px; margin: 0px auto; width: 100%; margin-top: 40px; display: -webkit-flex; /* Safari */  display: flex; justify-content: space-between; align-items:stretch; gap:20px; }
.in_news_card{background: #fff;}
.in_news_card img{max-width: 100%;  }
.in_news_card a:hover{text-decoration: none;}
.in_news_card h2{ display: block; font-size: 22px; padding:20px; color: #222; }
.in_news_card span{color: #999; padding:0px 20px 20px 20px; display: block }

.in_choose{ background: url(../images/cfbj.jpg) no-repeat center center; padding: 80px 0px 80px 0px;}
.in_choose_tit{font-size: 34px; line-height: 40px; font-weight: 600; max-width:1500px; margin: 0px auto; width: 100%; display: -webkit-flex; /* Safari */   display: flex; justify-content: space-between; }
.in_choose_tit a{color: #333;}
.in_choose_tit span{font-size:22px; width: 600px; display: block; font-weight: 400; line-height: 32px;}
.in_choose_con{display: -webkit-flex; /* Safari */  display: flex; flex-wrap:wrap; max-width:1500px; margin: 0px auto; width: 100%; margin-top: 40px; justify-content: space-between; }
.in_choose_con .in_choose_card{ width: 48%; border: 1px solid #ccc; margin-top: 20px; padding: 20px; border-radius: 5px; background:#ffffff59; display: -webkit-flex; /* Safari */   display: flex; align-content: center;align-items: center; }
.in_choose_con .in_choose_card span:nth-child(1){ font-size: 40px; border-right: 1px solid #ccc; margin-right: 15px; width:10%; display: inline-block; color: #e5a614fa;} 
.in_choose_con .in_choose_card span:nth-child(2){ width: 90%; font-size: 20px;}

.in_footer{ background: #001039;}
.in_footer_con{ width:100%; max-width: 1500px; margin: 0px auto; color: #fff; padding: 60px 0px;  display: -webkit-flex; /* Safari */   display: flex; justify-content: space-between; color: #c7d3f3; }
.in_footer_con a{color: #c7d3f3;}
.in_footer_con dt{ font-size:30px; font-weight: 500; padding-bottom: 20px;}
.in_footer_con dd{ font-size: 16px; line-height: 38px;}
.in_footer_con dd a{ display: block; color: #c7d3f3;}

.pr_kuai{ width:420px;}
.pr_kuai dd {  display: -webkit-flex; /* Safari */   display: flex; flex-wrap:wrap; }
.pr_kuai dd a{ width:50%;}

.in_footer2{background: #001039;  color: #c7d3f3;}
.in_footer2 a{color: #c7d3f3;}
.in_footer2 p{ width:100%; max-width: 1500px; margin: 0px auto; border-top: 1px solid #313f5c; padding: 20px 0px;}

.pc_img{ display: block;}
.ph_img960{display: none;}

@media (max-width: 1500px) {
	.in_ggy_con{padding: 0rem 1rem;}
	.in_about_bj{ padding-bottom: 60px;}
	.in_about{padding: 100px 1rem 0rem 1rem;}
  .in_about_r h2{line-height: 45px; font-size: 30px;}
	.in_prod{padding: 0rem 1rem; margin-top: 60px;}
	.in_industries{padding-left:0px; padding-right: 0px; padding-bottom: 60px;}
	.industries-desc{padding:0rem;}
  .in_prod .in_prod_tit{ font-size: 30px;}
	.in_prod .card{margin-top: 40px;}
  .in_industries .in_industries_tit{font-size: 30px; padding-left: 1rem; padding-right: 1rem;}
  .industries-layout{padding-left: 1rem; padding-right: 1rem;}
  .in_news{padding: 60px 0px 60px 0px;}
	.in_news_tit{padding: 0rem 1rem;font-size: 30px;}
	.in_news_con{padding: 0rem 1rem;}
  .in_choose_tit{padding: 0rem 1rem; font-size: 30px;}
  .in_choose_con{padding: 0rem 1rem;}
  .in_footer_con{padding: 2rem 1rem;}
  .in_footer2 p{padding: 1rem 1rem; text-align: center;}

 

}
@media (max-width: 1200px){
.nav-link-custom{padding: 0.8rem 0.8rem 0.8rem 0.8rem!important;}
.in_ggy_con{ gap: 30px;}
.in_ggy_con p:nth-child(1){font-size: 70px;  line-height: 80px;}
.in_about_r h3{ display: none;}
.in_about {align-items:stretch;}
.in_about img{height: 100%;}
.in_prod{margin-top: 40px;}
.in_industries{padding-bottom: 40px;margin-top: 60px;}
.in_news { padding: 40px 0px 40px 0px; }
.in_news_card h2{ padding: 20px 20px 0px 20px;}
.in_news_card span{padding: 0px 20px 5px 20px;}
.in_choose{padding: 40px 0px 40px 0px;}
.industries-layout{gap:20px;}
.industries-desc{min-width: 100%; padding: 0px;}
.industries-desc .fas{ display: none;}
.in_footer_con dl:nth-child(2){display: none;}

}


@media (max-width: 960px){
.in_ggy_con p:nth-child(1){font-size:50px; line-height: 70px;}
.in_about{padding: 40px 1rem 0rem 1rem; flex-wrap: wrap;}
.in_about_l{ width: 100%;}
.in_about_r{width: 100%;}
.in_about_bj{padding-bottom:20px;}
.in_prod{margin-top:20px;}
.in_prod .card{margin-top:20px; width: 49%;}
.in_industries .in_industries_tit{margin-bottom:1rem;}
.in_footer_con {display: none;}
.pc_img{ display:none;}
.ph_img960{display:block;}

}
.in_bannerimg{ display: none;}
@media (max-width: 760px){
.in_ggy_con{flex-wrap:wrap; gap:0px;}
.in_ggy_con p:nth-child(1){font-size:40px; line-height: 50px;}
.in_news_con{flex-wrap:wrap;}
.in_news_con .in_news_card{  width: calc(50% - 10px);}
.in_news_con .in_news_card:nth-child(3){ display: none;}
.in_choose_tit{flex-wrap:wrap;}
.in_choose_con{ margin-top: 0px;}
.in_choose_con .in_choose_card{ width: 100%;}
.in_banner video{ display: none;}
.in_bannerimg{ display: block; width: 100%;}
}

@media (max-width: 560px){
.navbar-brand img{ width: 190px;}
.in_ggy_con p:nth-child(1){font-size:30px; line-height:40px;}
.in_about{gap:10px;}
.in_about img{ height: auto;}
.in_about_r button{margin-top:20px;}
.in_about_r h2{line-height:30px; font-size:22px;}
.in_prod .in_prod_tit{font-size:22px;}
.in_prod .card{ width: 100%;}
.in_industries .in_industries_tit{font-size:22px;}
.in_news_con .in_news_card{ width: 100%; padding-bottom: 20px;}
.in_news_con{margin-top: 10px;}
.in_news_tit{font-size:22px;}
.in_news_card h2{font-size:20px;}
.in_choose_tit a{font-size:22px;}
.in_choose_tit span{font-size:20px; line-height:30px; color: #666;}
.in_choose_con .in_choose_card{margin-top: 10px;padding:10px;}
.in_choose_con .in_choose_card span:nth-child(1){ width:50px; font-size: 30px;}
.in_choose_con .in_choose_card span:nth-child(2){font-size:18px;line-height:26px;}
.nav-center{margin-top:0rem;}


}