@import url("../myh/base/var.css");
@import url("../myh/base/reset.css");

@import url("../myh/utilities/atomic.css");
@import url("../myh/utilities/animate.css");

@import url("../myh/components/buttons.css");
@import url("../myh/components/cards.css");
@import url("../myh/components/navigation.css");
@import url("../myh/components/footer.css");
@import url("../myh/components/pfcontact.css");

/*内页BANNER设置*/
.hero-section {
    color: white;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
 
}
 
.hero-section .section-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    text-align: center;

}
 
.section-title{
         display: flex;
  flex-direction: column;
  align-items: center;
}
.section-title p {
  margin-bottom: 1rem; 
}


 
.section-title::after {
  content: '';
  width: 250px;
  height: 1px;
  background: #adb5bd;
  margin-top: 0.75rem;
  order: 1;
}

 
.section-title::before {
  content: '';
  width: 80px;           
  height: 2px;
  background: var(--blue);
  margin-top: -1.5px;   
  order: 2;
  border-radius: 1px;
}

 
.section-title {
  position: relative;
}





@media (max-width: 768px) {
    .hero-section {
    padding: 80px 0;
}
}
 
 /*在线沟通工具*/
        /* 自定义样式 */
        .modal-dialog-communication {
            max-width: 90%;
            width: 800px; /* 设置悬浮窗宽度 */
        }
        .modal-dialog-contact{
            max-width: 90%;
            width: 800px;
        }
        
        
        /* 模态框高度调整 */
        #onlinekfModal .modal-content {
            height: 800px; /* 设置悬浮窗高度 */
        }
        
        /* iframe样式 */
        #communicationFrame {
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* 模态框头部样式 */
        .modal-header-communication {
            background-color: var(--primary-color);
            color: white;
            padding: 12px 20px;
        }
        
        /* 响应式调整 */
        @media (max-width: 576px) {
            .modal-dialog-communication {
                max-width: 95%;
                margin: 0.5rem auto;
            }
            
            #communicationModal .modal-content {
                height: 500px;
            }
        }

                
 #allhotproduct{color: #999;}

  /* 快速咨询 */
    .cta-gradient {
      background: linear-gradient(135deg, #0b2a4a, #1c4e7c);
      color: white;
      padding: 3.5rem 2rem;
    }
 /* 企业实力卡片 */
    .company-card {
      border: none;
      background: white;
      border-radius: 1rem;
      padding: 2rem 1.5rem;
      height: 100%;
      box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.02);
      transition: box-shadow 0.2s;
    }
    .company-card:hover {
      box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.05);
    }

    /*breadcrumb*/
    .breadcrumb{
       float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
    }

    /*选择我们*/
    #chooseus  .sample-form{
         
    width: 100%;
    height: 400px;
    background:linear-gradient(135deg, #0b2a4a, #1c4e7c);
    color: white;
    padding: 20px;
    text-align: center;
    border-radius: 0 80px 0 80px;  /* 右上 + 左下圆角 */
  
    }