@charset "utf-8";
@layer utilities {
           /* 保持原有样式不变 */
       .content-auto {
        content-visibility: auto;
      }

      .text-shadow {
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      .transition-navbar {
        transition: background-color 0.3s, box-shadow 0.3s;
      }

      .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
      }

      .scrollbar-hide::-webkit-scrollbar {
        display: none;
      }

      .animate-fadeIn {
        animation: fadeIn 0.5s ease-in-out;
      }

      @keyframes fadeIn {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      /* 案例切换标签 */
      .case-tab {
        color: #6B7280;
        background: transparent;
        transition: color .25s, background-color .25s, box-shadow .25s;
        white-space: nowrap;
        border: 0;
        cursor: pointer;
      }

      .case-tab:hover {
        color: #165DFF;
      }

      .case-tab.active {
        color: #165DFF;
        background: #FFFFFF;
        box-shadow: 0 1px 4px rgba(16, 24, 40, .12);
      }

      .case-arrow {
        transition: transform .25s;
      }

      .case-card:hover .case-arrow {
        transform: translateX(4px);
      }

      /* FAQ 折叠问答 */
      .faq-item summary {
        list-style: none;
      }

      .faq-item summary::-webkit-details-marker {
        display: none;
      }

      .faq-chevron {
        transition: transform .3s ease;
      }

      .faq-item[open] .faq-chevron {
        transform: rotate(180deg);
      }

      .faq-item[open] summary {
        color: #165DFF;
      }

      .fixed-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
      }

      /* 新添加的样式 */
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: white;
        min-width: 200px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
        border-radius: 0.375rem;
      }

      .dropdown:hover .dropdown-content,
      .dropdown.active .dropdown-content {
        display: block;
      }

      .service-item {
        display: flex;
        flex-direction: column;
      }

      .service-item img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        border-radius: 0.5rem 0.5rem 0 0;
      }

      .certificate-slide {
        position: relative;
        overflow: hidden;
        height: 300px;
      }

      .certificate-item {
        position: absolute;
        width: 100%;
        transition: transform 0.8s ease-in-out;
      }

      .testimonial-container {
        position: relative;
        height: 180px;
        overflow: hidden;
      }

      .testimonial-item {
        position: absolute;
        width: 100%;
        transition: transform 0.8s ease-in-out;
      }

      .promise-container {
        background: white;
        border-radius: 0.5rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        padding: 20px;
        display: flex;
        align-items: center;
        height: 100%;
      }

      .promise-icon {
        margin-right: 20px;
        flex-shrink: 0;
      }

      .consultation-box {
        position: fixed;
        right: 20px;
        bottom: 20px;
        z-index: 100;
        background: white;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        padding: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .consultation-btn {
        background: linear-gradient(to right, #165DFF, #0b3d91);
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 30px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s;
        display: flex;
        align-items: center;
        margin-top: 10px;
      }

      .consultation-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(22, 93, 255, 0.4);
      }

      .consultation-btn i {
        margin-right: 8px;
      }

      .mobile-submenu {
        display: none;
        background: #f9f9f9;
        padding-left: 30px;
      }

      .mobile-submenu.active {
        display: block;
      }

      .mobile-submenu a {
        display: block;
        padding: 10px 15px;
        border-bottom: 1px solid #eee;
      }
	  	   /* 新的悬浮咨询框样式 */
      .new-consultation-box {
        position: fixed;
        right: 10px;
        bottom: 10%;
        z-index: 100;
        background: white;
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
        padding: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
 @media (max-width: 767px) {
	 .new-consultation-box {display:none;}
 }
      .new-consultation-box img {
        width: 120px;
        height: 120px;
        margin-bottom: 10px;
      }

      .new-consultation-box p {
        margin-bottom: 10px;
		
      }

      .new-consultation-btn {
        background: linear-gradient(to right, #165DFF, #0b3d91);
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 30px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s;
        display: flex;
        align-items: center;
      }

      .new-consultation-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(22, 93, 255, 0.4);
      }

      .new-consultation-btn i {
        margin-right: 8px;
      }
 .yinyong{padding-left:15px; font-size:15px; color:#666; border-left:5px solid #f3f3f3 ;}
.yinyong p{font-size:15px; line-height:1.4;color:#666;}

      /* 专业顾问手机端样式 */
      @media (max-width: 767px) {
        .professional-consultants {
          display: flex;
          overflow-x: auto;
          scrollbar-hide: auto;
        }

        .professional-consultants > div {
          min-width: calc(50% - 1rem);
          margin-right: 1rem;
        }
      }

    
      .customer-case-slide {
        position: relative;
        overflow: hidden;
      }

      .customer-case-container {
        display: flex;
        transition: transform 0.3s ease-in-out;
      }

      .customer-case-item {
        min-width: calc(20% - 1.5rem);
        margin-right: 2rem;
      }

      .case-nav-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
      }

      .case-nav-btn.prev {
        left: 0;
      }

      .case-nav-btn.next {
        right: 0;
      }
    }