/* 基础样式 */
@import url("iconfont.css");
/*@import url("animation.css");*/
	body {
		margin: 0;
		padding: 0;
      font-family: 'Segoe UI', sans-serif;
      scroll-behavior: smooth;
    }
	ul{
		margin: 0;
		padding: 0;
	}
	ul li{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
	.h1, .h2, .h3, h1, h2, h3 {
	    margin-top: 20px;
	    margin-bottom: 20px;
		}
	
	/* 动画 */
	.animate-float {
	    animation: float 6s ease-in-out infinite;
	}
	
	/* 动画 结束*/
	
	.container{
		width: 1290px;
		margin:0 auto;
		
		
	}
	.pa_tb1{
		padding: 1rem 0;
	}
	.mr_t1{
		 margin-top: 1rem;
	}
	.mr_b10{
			 margin-bottom: 1rem;
	}
	.mr_b1{
		margin-bottom: 1rem;
	}
	.mr_b20{
		margin-top: 2rem;
	}
	.mr_bt20{
		margin: 1rem 0 2rem 0;
	}
	.border_radius{
			  border-radius: .125rem;
	}
	.positon_r{
			 position: relative;
	}
	.positon_a{
			 position: absolute;
	}
	.btn_tijiao{
			     transition-property: all;
			     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			     transition-duration: 150ms;
				 padding: 0.45rem 1rem;
				 margin: 0.55rem 0;
				 font-size: 0.55rem;
				
				 border: none;
	}
	.btn1{
			  background:  #0072ff;
			  color: #fff;
	}
	.btn2{
			  background: #ff6b35;
			  color: #fff;
	}
	.clear{
		clear: both;
	}
	.text_center{
		text-align: center;
	}
	.border1{
		border: 1px solid #ddd;
		padding: 0.8rem;
		border-radius: 0;
	}
	
	/* 通用头部样式 */
	.container .navbar-brand{
			display: inline-block;
			color: white;
			align-items: center;
			
			height: 80px;
			line-height: 80px;
			padding: 0;
		}
		.container .navbar-collapse{
			
			line-height: 80px;
			 margin-left: 60px;
		} 
		
		.navbar-nav .nav-item{
			float: left;
		}
		.logo_img{
			height: 80px;
		}
	    
	    /* 导航栏样式 */
	    .navbar {
	      transition: all 0.3s ease;
	      padding: 1rem 0;
	      position: fixed;
	      width: 100%;
	      z-index: 1000;
	      background-color: transparent;
	    }
		.navbar .container{
			/* justify-content: space-between; */
			align-items: center;
			padding: 0;
		}
	    
	    .navbar.scrolled {
	      background-color: #14318b; /* 蓝色背景 */
	      padding: 10px 0;
	      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	    }
	    
	  .navbar>.container .navbar-brand{
		  margin-left: 0;
	  }
	    
	    .navbar-nav .nav-link {
	      color: white;
	      margin:0  0.5rem;
	      /* font-weight: 500; */
	      transition: color 0.3s ease;
		  font-size: 0.45rem;
		  padding: 0;
	    }
	    
	    .navbar-nav .nav-link:hover {
	      text-decoration: none;
	    }
	    
	    .navbar.scrolled .navbar-brand,
	    .navbar.scrolled .navbar-nav .nav-link {
	      color: white;
	    }
		.nav-item a {
			font-size: 16px;
			position: relative;
		}
	.nav-item a::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 0;
		height: 2px;
		background: linear-gradient(90deg, #00c6ff, #0072ff);
		transition: width 0.3s ease;
	}
.navbaractive{
	/*content: '';*/
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 0;
		height: 2px;
		background: linear-gradient(90deg, #00c6ff, #0072ff);
		transition: width 0.3s ease;
}
	.nav-item a:hover::after {
		width: 100%;
	}
	
	
	
	
	
	
	    
	    /* 顶部横幅样式 */
	    .hero-section {
	      position: relative;
	      height: 60vh;
	      /* background-color: #316d8f; */
		  background-image: url(../img/pcheader.jpg);
		  background-size: 100% 100%;
	      overflow: hidden;
	      display: flex;
	      align-items: center;
	      justify-content: center;
	    }
	    
	    .hero-bg {
	      position: absolute;
	      top: 0;
	      left: 0;
	      width: 100%;
	      height: 100%;
		   
	      /* background: linear-gradient(135deg, #316d8f 0%, #0f172a 100%); */
	      z-index: 1;
	    }
	    
	    .hero-pattern {
	      position: absolute;
	      top: 0;
	      left: 0;
	      width: 100%;
	      height: 100%;
		
	      /* background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233b82f6' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); */
	      /* background-image: url('/img/header.jpg'); */
		  z-index: 2;
	    }
	    
	    .hero-content {
	      position: relative;
	      z-index: 3;
	      text-align: center;
	      color: white;
	      padding: 0 18px;
		   /*background: url('/img/header.jpg') !important;*/
	    }
	    
	    .hero-title {
	      font-size:0.85rem;
	      font-weight: 700;
		  margin-top: 30px;
	      margin-bottom: 20px;
	    }
	    
	    .hero-subtitle {
	      font-size: 0.45rem;
	      max-width: 700px;
	      margin: 0 auto 20px;
	      opacity: 0.9;
	    }
	    
	    /* 动画线条装饰 */
	    .animated-lines {
	      position: absolute;
	      top: 0;
	      left: 0;
	      width: 100%;
	      height: 100%;
	      z-index: 2;
	      overflow: hidden;
	    }
	    
	    .line {
	      position: absolute;
	      background: linear-gradient(90deg, rgba(59, 130, 246, 0) 0%, rgba(59, 130, 246, 0.8) 50%, rgba(59, 130, 246, 0) 100%);
	      transform-origin: left center;
	      animation: lineMove 8s infinite ease-in-out;
	    }
	    
	    @keyframes lineMove {
	      0%, 100% {
	        transform: scaleX(0.3) rotate(0deg);
	        opacity: 0.2;
	      }
	      50% {
	        transform: scaleX(1) rotate(0deg);
	        opacity: 0.6;
	      }
	    }
	/* 通用头部样式结束 */
	
	 /* 页脚板块 */
				    .footer {
				      /* background: url("https://picsum.photos/id/1049/1920/1080") no-repeat center center; */
					  /* background: url("/img/pcfooter.jpg"); */
				      /* background-size: cover; */
					  background: url(../img/pcfooter.jpg);
					  background-size: 100% 100%;
				      color: #fff;
				      padding: 40px 0 40px;
					  font-size: 16px;
				    }
				    /* .footer::before {
				      content: "";
				      position: absolute;
				      top: 0;
				      left: 0;
				      width: 100%;
				      height: 100%;
				      background-color: rgb(20 49 139 / 75%);
				    } */
				    .footer-content {
				      position: relative;
				      z-index: 2;
				    }
				    .footer-logo {
				      font-size: 0.65rem;
				      font-weight: 700;
				      margin-bottom: 20px;
				      display: flex;
				      align-items: center;
				    }
				    .footer-logo i {
				      margin-right: 8px;
				      color: #00a8ff;
				    }
				    .footer-desc {
				      font-size: 0.45rem;
				      opacity: 0.8;
				      margin-bottom: 20px;
				    }
				    .footer-title {
				      font-size: 0.55rem;
				      font-weight: 600;
				      margin-bottom: 20px;
				      position: relative;
				      padding-bottom: 10px;
				    }
				    .footer-title::after {
				      content: "";
				      position: absolute;
				      bottom: 0;
				      left: 0;
				      width: 40px;
				      height: 2px;
				      background-color: #00a8ff;
				    }
				    .footer-links {
				      list-style: none;
				      padding: 0;
				    }
				    .footer-links li {
				      margin-bottom: 10px;
				    }
				    .footer-links a {
				      color: #fff;
				      text-decoration: none;
				      transition: color 0.3s;
				    }
				    .footer-links a:hover {
				      color: #00a8ff;
				    }
				    .qrcode {
				      width: 100px;
				      margin-bottom: 10px;
				    }
				    .lianxi {
				     font-size: 0.85rem;
				      margin-right: 10px;
				      margin-bottom: 10px;
				    }
				    .copyright {
						clear: both;
				      text-align: center;
				      padding-top: 30px;
				      margin-top: 320px;
				      border-top: 1px solid rgb(161 157 157 / 50%);
				      font-size: 0.45rem;
						color:#fff;
				      /*opacity: 0.7;*/
				    }
	 /* 页脚板块结束 */
	 /* 详情开始 */
	 			.detail_bg{
	 				background-color: rgb(246, 246, 246);
	 				margin:0.5rem auto;
	 				padding: 20px;
					
	 			}
	 			.detail_box{
	 				background-color: #fff;
	 				padding: 50px;
	 				
	 				
	 			}
	 			.detail_title{
	 				font-size: 0.55rem;
	 				margin: 0 auto 0.75rem auto;
	 				font-weight: bold;
	 				text-align: center;
	 			}
	 			.detail_nr{
	 				font-size: 0.45rem;
	 				line-height: 0.85rem;
	 				color: #5a5a5a;
	 				text-indent: 0px;
	 			}
	 			.detail_nr img{
	 				width: 100%;
	 				margin: 15px 0;
	 			}
				.detail_content{
					display: block;
					font-size: 0.35rem;
					color: #868686;
					font-weight: normal;
					text-decoration: none;
					background: transparent;
					border: 1px solid #E5E5E5;
					padding:0.25rem;
					margin-bottom:0.25rem;
				}

.ar_title_b {
	display: block;
	margin-bottom: 0.5rem;
	overflow: hidden;
	text-align: center;

}
.sub_title {
	border-radius: 20px;
	font-size: 0.35rem;
	transition: 0.3s ease;
}

.sub_title .sp2 {
	margin-left: 5px;
	position: relative;
	padding: 0 10px;
}

.sub_title span {
	margin: 0 5px;
	transition: 0.3s ease;
}

.con_article {
	line-height: 30px;
	font-size: 16px;
}
.detail_fanye{
	margin:1rem 0;
}
.detail_fanye div{
	margin-bottom: 0.25rem;
	font-size: 0.35rem;
}
.detail_fanye a{
	color: #0072ff;
}
	 /* 详情结束 */
	 /* 我们的产品开始 */
	 
	     /* 产品分类导航 */
	     .category-nav {
	       padding: 0.5rem 0;
	       background-color: white;
	       box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
	     }
	 	.category-nav .nav-item{
	 		display: inline-block;
	 		/*width: calc(100% / 7);*/
	 		text-align: center;
	 		font-size: 0.55rem;
	 	}
	     .category-nav .nav-link {
	       color: #333;
	       margin: 0 0.8rem;
	       font-weight: 500;
	       transition: all 0.3s ease;
	     }
	     
	     .category-nav .nav-link.active,
	     .category-nav .nav-link:hover {
	       color: #0072ff;
	     }
	     
	     /* 产品卡片样式 */
	     .products-section {
	       padding: 1rem 0;
	       background-color: #f8fafc;
	     }
	     
	     .product-grid {
	       display: grid;
	       grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	       gap: 30px;
	       
	     }
	     
	     .product-card {
	       position: relative;
	       /*height: 300px;*/
	       border-radius: 10px;
	       overflow: hidden;
	       /*box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);*/
	       transition: transform 0.3s ease;
	     }
	     
	     .cooperation_item:hover {
	       /*transform: translateY(-10px);*/
			 border: 1px solid #0d6efd;
	     }
		  .product-card .container-title:hover, .product-card .container-desc:hover,{
            text-decoration: none;
			 /*color:#0d6efd;*/
		  }
	     
	     .product-image {
	       width: 100%;
	       /*height: 100%;*/
	       object-fit: cover;
	       transition: transform 0.5s ease;
	     }
	     
	     .product-card:hover .product-image {
	       transform: scale(1.1);
	     }
	     
	     .product-overlay {
	       position: absolute;
	       top: 0;
	       left: 0;
	       width: 100%;
	       height: 100%;
	       background: linear-gradient(to top, rgba(13, 110, 253, 0.9), rgba(13, 110, 253, 0.6));
	       display: flex;
	       flex-direction: column;
	       justify-content: flex-end;
	       padding: 1.5rem;
	       color: white;
	       opacity: 0;
	       transition: opacity 0.3s ease;
	     }
	     
	     .product-card:hover .product-overlay {
	       opacity: 1;
	     }
	     
	     .product-title {
	       font-size: 0.55rem;
	       font-weight: 600;
	       margin-bottom: 0.5rem;
	       transform: translateY(20px);
	       transition: transform 0.3s ease 0.1s;
	     }
	     
	     .product-card:hover .product-title {
	       transform: translateY(0);
	     }
	     
	     .product-desc {
	       font-size: 0.45rem;
	       opacity: 0.9;
	       transform: translateY(20px);
	       transition: transform 0.3s ease 0.2s;
	     }
	     
	     .product-card:hover .product-desc {
	       transform: translateY(0);
	     }
	     .product_item_title{
			 font-size: 0.55rem;
			 margin-top: 0.5rem;
			 text-align: center;
			 color:#000;
		 }
		 .honor-card{
			  height: auto !important;
		 }
	     /* 响应式调整 */
	     @media (max-width: 992px) {
	       .hero-title {
	         font-size: 0.85rem;
	       }
	       
	       .navbar-nav .nav-link {
	         margin-left: 0;
	         margin-top: 0.5rem;
	       }
	     }
	     
	     @media (max-width: 768px) {
	       .hero-title {
	         font-size: 0.55rem;
	       }
	       
	       .product-grid {
	         grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	       }
	     }
	 	
	 /* 我们的产品结束 */
	 /* 联系我们 */
	 .title_ty{
		 text-align: center;
		 
	 }
	 .title_ty .title_b1{
		 
		 font-size: 0.75rem;
	 }
	 .title_ty .title_b2{
	 		 
	 		 font-size: 0.55rem;
			 margin: 1rem 0;
			 color: #333;
	 }
	 .contact_ty{
		 width: calc(50% - 20px);
		 
		 
	 }
	 .contact_left{
		 margin-right: 20px;
	 }
	 .contact_right{
	 		 margin-left: 20px;
	 }
	 .contact_left_item{
		 margin-top: 0.3rem; 
	 }
	 .contact_item_title{
		 display: block;
		 font-size: 0.55rem;
		 font-weight: normal;
		
	 }
	 .contact_item_input{
		 display: block;
		  width: 100%;
		 margin:0.4rem 0;
		 padding:0.55rem 0.75rem;
		 border-radius: .125rem;
		 font-size: 0.55rem;
		 border: 1px solid #ddd;
		 
	 }
	 .contact_icon_box a{
		 display: inline-block;
		 margin-right: 0.25rem;
	 }
	  .contact_icon_box a i{
		  font-size: 0.85rem;
	  }
	 .widht_100{
		 width: 100%;
	 }
	 .widht_50{
		 width: calc(50% - 10px);
		
	 }
	 .m_r_10{
		  margin-right: 10px;
	 }
	 .m_l_10{
		  margin-left: 10px;
	 }
	 .contact_right_bg{
		 padding: 1.25rem;
		 background-color: rgb(51 65 85 / 8%);
		 border-radius: .125rem;
		 --tw-border-opacity: 1;
		     border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
	 }
	 .contact_right_item{
		 margin-bottom: 0.5rem;
	 }
	 .contact_right_title{
		 font-size: 0.75rem;
		 margin-bottom: 0.5rem;
	 }
	 .contact_item_xq{
		 font-size: 0.45rem;
	 }
	 .contact_right_item_i_bg{
		 background-color: #00a8ff;
		 text-align: center;
		 width: 1.5rem;
		 height:1.5rem;
		 line-height: 1.5rem;
	     border-radius: .125rem;
		 margin-right: 0.5rem;

	 }
	 .justify-between {
	     justify-content: space-between;
	 }
	
	 .contact_item_yysj div{
		 margin-bottom: 0.25rem;
	 }
	 .contact_item_yysj span{
		 font-size: 0.55rem;
	 }
	
	 /* 联系我们结束 */
	
	 /* 关于我们开始 */
		 
	 .about_img{
		 width: 100%;
		 height: 500px;
	 }
	 .about_jy{
		    bottom: -1rem;
		    right: -1rem;
		   padding: 0.75rem 1rem;
		   
		 background: #0f172a;
		  text-align: center;
	 }
	 .about_jy span{
		 display: inline-block;
		
		 font-weight: bolder;
		
	 }
	 .about_jy .text_primary{
		 color:#0072ff;
		  font-size: 0.95rem;
		
	 }
	 .about_jy .text_light{
		  font-size: 0.85rem;
		  color: #fff;
	 		 
	 }
	 .about_nr{
		 font-size: 0.45rem;
		 margin-bottom: 0.25rem;
		 line-height: 1.8;
		 text-indent: 2em;
		
	 }
	 .about_right{
		 margin-left: 0.8rem;
	 }
	 .icon_box{
		 display: inline-block;
		 width: 2rem;
		 height: 2rem;
		 text-align: center;
		 line-height: 2rem;
		 background: rgb(22 93 255 / 0.1) !important;
		 border-radius: 0.125rem;
	 }
	 .icon_box i{
		 color: #fff;
		 
		 font-size: 0.85rem;
	 }
	
	 /* 关于我们结束 */
	 
	 /* 我们的服务开始 */
	 .services_item{
		
		 padding: 1.25rem;
		 margin-bottom: 0.5rem;
		 background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1));
	 }
	 .services_item  .text_gray_450{
		 height:100px;
	 }
	 .services_item_title{
		 font-size: 0.55rem;
		 font-weight: bold;
		 margin: 0.8rem 0;
	 }
	 .services_item_i {
		 display: inline-block;
	 }
	 .services_item_i_bg{
		 background-color: rgb(22 93 255 / 0.1) !important;
	 }
	  .services_item_i_bg1{
		 background-color: rgb(22 93 255 / 0.1) !important;
	 }
	  .services_item_i i{
		  font-size: 1rem;
		  color: #0d6efd !important;
	  }
	  /*.services_item_i .services_item_img{*/
		/*  width:3rem;*/
	  /*}*/
	  
	  .services_item:hover .services_item_i_bg{
		   background-color: #0d6efd !important;
		    transition-duration: 300ms; 
	   }



	    .services_item:hover .services_item_i_bg i{
			color: #fff !important;
			 transition-duration: 300ms; 
		}
	   .services_item:hover .services_item_title{
			 color: #0d6efd !important;
			 transition-duration: 300ms; 
		}
		
		 .services_item:hover .services_item_more{
			 transition-property: transform;
			     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
			     transition-duration: 150ms;
				     --tw-translate-x: 0.5rem;
				     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		 }
		
	 .services_item_more{
		  font-size: 0.55rem;
		  color: #165dff;
		 
	 }
	 .services_item_more i{
		 margin-left: 0.25rem;
		 font-size: 0.25rem;
	 }
	 /* 我们的服务结束 */
	 
	 .container-title{
		 font-size: 0.55rem;
		 text-align: center;
	 }
	 .container-desc{
		 line-height: 26px;
		     color: #666666;
		     font-weight: normal;
		     text-decoration: none;
		     display: block;
		     text-align: center;
		     overflow: hidden;
		     word-wrap: break-word;
			 
			 
		 /* font-size: 0.45rem; */
	 }
	 
	.text_gray_550{
	 		 font-size: 0.55rem;
	 }
	 .text_gray_450{
	 		 font-size: 0.45rem;
	 }
	.text_gray_950{
	 		 font-size: 0.95rem;
	 }
	 .text_gray_750{
	  		 font-size: 0.75rem;
	  }
	 .color_1{
		 color: #0072ff;
	 }
	 .shadow_xl {
	     --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
	     --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
	     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	 }
	 .font_weight{
		 font-weight: bolder;
	 }
	 .flex{
		 display: flex;
	 }
	 .row{
		    margin-right: -15px;
		    margin-left: -15px;
	 	
	 }
	     .col-md-4 {
	 		float: left;
	         width: 33.33333333%;
			 
	     }
	 .col-md-2 {
	         width: 16.66666667%;
	 		float: left;
	     }
		 .col-md-3 {
		 	 		float: left;
		     width: 25%;
		 }
		 .col-md-6 {
		 	 		float: left;
		   width: 50%;
		 			 
		 }
		  .col-md-2 , .col-md-3,.col-md-4 , .col-md-6{
			 position: relative;
			     min-height: 1px;
			     padding-right: 15px;
			     padding-left: 15px;
		 }
		  .page-box{
			  text-align: center;
			  margin: 1rem 0;
		  }
		  .nav{
			  display:inline-block;
		  }
		  .category-nav .container{
			  text-align:center;
		  }

.datanoe{
    padding: 2rem 0;
    text-align: center;
    color: #666;
	font-size: 0.45rem;
}

/*科技动态开始*/
.news-item{
	position:relative;
}
.news-card{
	border-radius:0px;
	height: 300px;

}
.news-item .container-title{
	margin:0.25rem 0;
	text-align: left;
	font-size: 0.45rem;
color:#fff;
}
.news-item .container-desc{
	text-align: left;
	font-size: 0.35rem;
	color:#fff;
}
.news_nrbox{
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	padding:0.5rem;
	background-color: rgba(0,0,0,.5);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
	font-size: 0.45rem;
}
.news_fbsj i{
	margin-right: 0.25rem;
}
.news_nrbox:hover{
	background-color: rgba(0,0,0,.8);
}
/*科技动态结束*/
.vertical1{
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vertical2{
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vertical3{
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vertical4{
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}


.backtop{
	position: fixed;
	bottom: 100px;
	right: 40px;
	display: inline-block;
	background: #6183ca;
	border-radius: 50%;

}
.backtop i{
	color: #fff;
	font-size: 32px;
	display: inline-block;

	margin: auto;
	/*transform: rotate(270deg);*/
	/*padding:  20px;*/
}
.app-btn {
  width:120px;
	margin-right:10px;
}

.kf_box{

}

 /* 客服栏容器：固定在右侧，垂直居中 */
   .kf_box .customer-service {
      position: fixed;

      top: 50%;
      transform: translateY(-50%);
      z-index: 999; /* 确保悬浮在最上层 */
      display: flex;
      flex-direction: column;
      gap: 5px; /* 选项之间的间距 */
    }
   .kf_box .customer-service.right10{
	    right: 10px;
   }
     .kf_box .customer-service.left10{
	    left: 10px;
   }

    /* 单个客服选项样式 */
   .kf_box .service-item {
      position: relative; /* 为详情面板的绝对定位做参考 */
      width: 50px;
      height: 50px;
      background-color: #9aa6bf;
      color: white;
      text-align: center;
      line-height: 50px;
      cursor: pointer;
      border-radius: 8px; /* 左侧圆角，更美观 */
      transition: all 0.3s ease; /* 平滑过渡 */
      font-size: 14px;
    }

    /* 鼠标移入选项时，按钮本身的样式变化 */
   .kf_box .service-item:hover {
      background-color: #14318b;
    }

    /* 详情面板：默认隐藏，绝对定位在按钮左侧 */
    .kf_box .service-detail {
      position: absolute;

      top: 0;
      width: 300px;
      padding: 15px;
      background-color: white;
      border: 1px solid #eee;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      opacity: 0; /* 初始透明 */
      visibility: hidden; /* 初始不可见（避免占空间） */
      transform: translateX(10px); /* 初始右移一点，动画更自然 */
      transition: all 0.3s ease;
      z-index: -1; /* 初始在按钮下层 */
    }
	.kf_box .service-detail.right50{
		right: 60px; /* 与按钮左侧对齐 */
	}
	.kf_box .service-detail.left50{
		left: 60px; /* 与按钮左侧对齐 */
	}

	.kf_box  .service-item i {
		font-size: 32px;
		color: #fff;

	}
    /* 鼠标移入选项时，显示详情面板 */
   .kf_box .service-item:hover .service-detail {
      opacity: 1;
      visibility: visible;
      transform: translateX(0);
      z-index: 1; /* 显示在按钮上层 */
    }

    /* 微信二维码图片样式 */
    .kf_box .service-detail img {
      width: 100%;
      height: auto;
      display: block;
    }

    /* 联系方式文字样式 */
   .kf_box .contact-info {
      line-height: 1.8;
      color: #0d6efd;
    }
.kf_box .contact-title{

	color: #14318b;
	text-align: center;
}
/*.backtop label{*/
/*	display: inline-block;*/
/*	width: 25px;*/
/*	font-size: 12px;*/

/*}*/

	 /* .mb-5{
		 position: relative;
		     min-height: 1px;
		     padding-right: 15px;
		     padding-left: 15px;
	 }
	 */