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


               /* 保持原有样式不变 */
       .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;
        }
      }

      .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;}	  
	        /* 文章页面样式 */
		.breadcrumb{font-size:.8rem;margin-bottom:10px;color:#333333;}
		.breadcrumb a {
		  color: #333333;
		}
		.breadcrumb a:hover {
		  text-decoration: underline;
		}
		
		.truncate {
		  overflow: hidden;
		  text-overflow: ellipsis;
		  white-space: nowrap;
		}
			.article-content h2{font-size: 1.6rem; font-weight: 600; margin-top: 2rem; margin-bottom: 1rem;}
      .article-content h3 { font-size: 1.5rem; font-weight: 600; margin-top: 2rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e5e7eb; color: #1d2939; background: url(/img/a-right.png) no-repeat left center;}
      .article-content p { margin-bottom: 1.25rem; line-height: 1.7; color: #4b5563; }
      .article-content img { max-width: 100%!important; height: auto; border-radius: 0.5rem; margin: 1.5rem 0; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
      .article-content .size-full{width:auto;min-width:600px;}
         .article-content a{color:#165DFF;}
      @media (max-width: 767px) {
	  .article-content .size-full{min-width:75%;}
	  .article-content h3{font-size:1.2rem; background:none;padding-left:0;}
 }
      .article-content ul { list-style-type: disc; padding-left: 1.5rem; margin-bottom: 1.5rem; }
      .article-content li { margin-bottom: 0.5rem; line-height: 1.7; }
      .article-content blockquote { border-left: 4px solid #165DFF; background-color: #f9fafb; padding: 1.5rem; margin: 1.5rem 0; border-radius: 0.25rem; }
      .article-content .tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 2rem; }
      .article-content .tag { background-color: #e0f2fe; color: #165DFF; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.875rem; }
      .article-nav { display: flex; justify-content: space-between; margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e5e7eb; }
      .article-nav a { color: #165DFF; font-weight: 500; }
      
      /* 边栏样式 */
      .sidebar-widget { background: white; border-radius: 0.5rem; box-shadow: 0 4px 6px rgba(0,0,0,0.05); padding: 1.5rem; margin-bottom: 1.5rem; }
      .sidebar-widget h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #165DFF; color: #1d2939; }
      .consultant-card { text-align: center; padding: 1.5rem; background: linear-gradient(135deg, #f0f7ff, #e6f2ff); border-radius: 0.5rem; margin-bottom: 1.5rem; }
      .consultant-card img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid white; box-shadow: 0 4px 10px rgba(0,0,0,0.1); margin: 0 auto 1rem; }
      .consultant-card h4 { font-size: 1.5rem; font-weight: 700; color: #165DFF; margin-bottom: 0.5rem; }
      .consultant-card p { color: #4b5563; margin-bottom: 1rem; }
      .service-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
      .service-list a { display: block; padding: 0.75rem; background: #f9fafb; border-radius: 0.375rem; color: #4b5563; font-size: 0.875rem; text-align: center; transition: all 0.3s; }
      .service-list a:hover { background: #e0f2fe; color: #165DFF; transform: translateY(-2px); }
      .article-item { display: flex; gap: 1rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e7eb; }
      .article-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
      .article-item img { width: 80px; height: 60px; object-fit: cover; border-radius: 0.25rem; }
      .article-item .content { flex: 1; }
      .article-item h4 { font-size: 0.95rem; font-weight: 600; margin-bottom: 0.25rem; }
      .article-item .date { font-size: 0.75rem; color: #6b7280; }
      .form-group { margin-bottom: 1rem; }
      .form-group label { display: block; margin-bottom: 0.5rem; font-size: 0.875rem; color: #4b5563; }
      .form-group input, .form-group select { width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.375rem; }
      .form-submit { width: 100%; background: linear-gradient(to right, #165DFF, #0b3d91); color: white; border: none; padding: 0.75rem; border-radius: 0.375rem; font-weight: 600; cursor: pointer; transition: all 0.3s; }
      .form-submit:hover { background: linear-gradient(to right, #0b3d91, #165DFF); transform: translateY(-2px); }
      
      /* 客户评价滚动样式 */
      .client-testimonials {
        margin-top: 1.5rem;
        padding: 1rem;
        background: #f9fafb;
        border-radius: 0.5rem;
        border: 1px solid #e5e7eb;
      }
      .client-testimonials h4 {
        font-size: 1.125rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
        color: #1d2939;
        text-align: center;
      }
      .client-testimonials-container {
        height: 180px;
        overflow: hidden;
        position: relative;
      }
      .client-testimonials-slider {
        position: absolute;
        width: 100%;
        transition: transform 0.8s ease-in-out;
      }
      .client-testimonial-item {
        padding: 0.75rem;
        background: white;
        border-radius: 0.5rem;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        margin-bottom: 0.75rem;
      }
      .client-testimonial-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;
      }
      .client-name {
        font-weight: 600;
        color: #165DFF;
      }
      .client-rating {
        color: #f59e0b;
      }
      .client-content {
        font-size: 0.875rem;
        color: #4b5563;
        line-height: 1.5;
      }
      
      /* 客服表单布局修改 */
      .consultant-info {
        display: flex;
        align-items: center;
        margin-bottom: 1.5rem;
      }
      .consultant-image {
        flex-shrink: 0;
        margin-right: 1rem;
      }
      .consultant-text {
        text-align: left;
      }
      .consultant-text h4 {
        font-size: 1.25rem;
        margin-bottom: 0.25rem;
        color: #165DFF;
      }
      .consultant-text p {
        color: #4b5563;
        font-size: 0.875rem;
      }
      
      .form-group {
        margin-bottom: 1rem;
      }
      .form-group input, .form-group select {
        width: 100%;
        padding: 0.75rem;
        border: 1px solid #d1d5db;
        border-radius: 0.375rem;
        background: #fff;
      }
      .form-submit {
        background: linear-gradient(to right, #ff6b35, #ff9e44);
        color: white;
        border: none;
        padding: 0.75rem;
        border-radius: 0.375rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
        width: 100%;
      }
      .form-submit:hover {
        background: linear-gradient(to right, #ff9e44, #ff6b35);
        transform: translateY(-2px);
      }