body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        .navbar {
            background-color: white;
            color: black;
            padding: 1em;
            display: flex;
           
            align-items: center;
			height: 100px;
        }
        .navbar-content {
            display: flex;
            align-items: center;
			
        }
	
		}
        .navbar .logo1 {
            font-size: 1.5em;
            
			width: 50px;
        }
		
		.logo1 img{
			margin-left: 100px;
			width: 280px;
		}
		.daohang{
			margin-left: 400px;
			
		}
        .navbar a {
            color: black;
            text-decoration: none;
            margin-left: 1em;
			font-size: 22px;
        }
        .carousel {
            width: 100%;
            overflow: hidden;
        }
        .carousel img {
            width: 100%;
            display: block;
        }
        .section {
            padding: 2em;
        }
        .products img {
            width: 100%;
        }
        .contact-form {
            display: flex;
            flex-direction: column;
        }
        .contact-form input, .contact-form textarea {
            margin-bottom: 1em;
            padding: 0.5em;
            font-size: 1em;
        }
        .floating-phone {
            position: fixed;
            right: 1em;
            bottom: 1em;
            background-color: #333;
            color: white;
            padding: 1em;
            border-radius: 50%;
            cursor: pointer;
        }
	.center-container {
	  display: flex;
	  justify-content: center;
	  text-align: center;
	  margin-top: 10PX;
	 
	}
	
	.product-container {
	  display: flex;
	   background-color: white;
	}
	
	.product {
	  margin-right: 10px;
	  margin-left: 10px;
	}
	
	.product img {
	  width: 450px;
	  height: auto;
	}
	
	.product-info {
	  margin-top: 10px;
	}
	
	.product-info h3 {
	  font-size: 16px;
	  font-weight: bold;
	  margin: 0;
	}
	
	.product-info p {
	  font-size: 14px;
	  margin: 5px 0 0 0;
	}
	.cpzs1{
		height: 80px;
		width: 1450px;
		background-color: white;
		display: flex;
		align-items: center;
		  border-bottom: 1px solid black;
	}
	.cpzs{
		display: flex;
		justify-content: center;
		
	}
	.cpzs1 a{
		margin-left: 5px;
		font-size: 38px;
		
	}
	
	
	.cplb{
	margin-top: 10px;	
	display: flex;
	justify-content: center;	
	}
	
	.cplb1{
		
		width: 1450px;
		
		
		
	}
	
	.tabs {
	    display: flex;
	    width: 100%;
	    background-color: #f1f1f1;
	    cursor: pointer;
		font-size: 22px;}
		
		
	.tab {
	    flex: 1;
	    text-align: center;
	    padding: 15px 0;
	   /* background-color: greenyellow; */
	    border-radius: 5px 5px 0 0;
	    transition: background-color 0.3s ease;
	}
	.tab:hover {
	    background-color: #d1d1d1;
	}
	.carousel-wrapper {
	    width: 100%;
	    position: relative;
	    margin-top: 20px;
	}
	.carousel {
	    display: none;
	    overflow: hidden;
	    width: 100%;
	    justify-content: center;
	    transition: transform 0.5s ease;
	}
	.carousel.active {
	    display: flex;
	}
	.content {
	    display: flex;
	    transition: transform 0.5s ease;
	}
	.column {
	    flex: 0 0 33.33%;
	    box-sizing: border-box;
	    padding: 0 10px;
	}
	.column img {
	    width: 100%;
	    height: auto;
	}
	.column p {
	    text-align: center;
		margin-top: 10px;
	}
	.arrow {
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    background-color: rgba(0, 0, 0, 0.5);
	    color: white;
	    border: none;
	    padding: 20px;
	    cursor: pointer;
	    z-index: 1;
	    font-size: 24px;
	}
	.arrow.left {
	    left: 0;
	}
	.arrow.right {
	    right: 0;
	}

.gsjs{
	display: flex;
	justify-content: center;	
	   margin-top: 50px;
}
 .container {
            display: flex;
            width: 1450px;
         
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .left-section {
            flex: 1;
            margin-right: 20px;
        }
        .left-section img {
            width: 100%;
        }
        .left-section .title {
            font-size: 2em;
            color: #333;
            margin: 20px 0;
        }
      
		
		.mc5{
		font-size: 36px;
		}
		
        .content {
            margin-top: 20px;
        }
        .highlight {
            background-color: #007bff;
            color: #fff;
            padding: 10px;
            text-align: center;
            margin-top: 20px;
            font-size: 1.2em;
        }
        .content p {
            line-height: 1.6;
            color: #666;
			font-size: 18px;
        }
		
		
		.lxwm{
			margin-top: 10px;
			display: flex;
			justify-content: center;	
			
		}
		
		
		
		.main-container {
		  width: 1495px;
		    margin: 0 auto;
		   
		}
		.breadcrumb-nav {
		    font-size: 14px;
		    margin-bottom: 20px;
		    color: #666;
		}
		.breadcrumb-nav a {
		    color: #007bff;
		    text-decoration: none;
		}
		.breadcrumb-nav a:hover {
		    text-decoration: underline;
		}
		.header-contact {
		    background-color: #007bff;
		    color: #fff;
		    padding: 20px;
		    text-align: center;
		    margin-bottom: 20px;
		}
		.header-contact h2 {
		    margin: 0;
			font-size: 26px;
			color: white;
		}
		.header-contact .phone-number {
		    font-size: 20px;
		    margin-top: 10px;
		}
		.visitor-message {
		    background-color: #f0f0f0;
		    padding: 20px;
		    border-radius: 5px;
		    margin-bottom: 20px;
		}
		.visitor-message p {
		    margin: 0;
		}
		.contact-details {
		    display: flex;
		    flex-wrap: wrap;
		    gap: 20px;
		    justify-content: space-between;
		}
		.contact-item {
		    flex: 1 1 calc(33.333% - 20px);
		    background-color: #fff;
		    padding: 20px;
		    border-radius: 5px;
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		    display: flex;
		    align-items: center;
		}
		.contact-item img {
		    width: 30px;
		    margin-right: 20px;
		}
		.contact-item p {
		    margin: 0;
		}
		
		.main-container p{
			
			font-size: 18px;
		}
		
		footer {
		    position: relative;
		    background-color: transparent;
		    color: white;
		    text-align: center;
		    padding: 20px;
		    overflow: hidden;
		}
		footer::before {
		    content: '';
		    position: absolute;
		    left: 50%;
		    top: 0;
		    transform: translateX(-50%);
		    width: 150%;
		    height: 150%;
		    background-color: goldenrod;
		    border-radius: 250%;
		    z-index: 0;
		}
		footer .footer-content {
		    position: relative;
		    z-index: 1;
		}
		
		.footer-content p{
			
			font-size: 16px;
		}
		
		.content-wrapper {
		    width: 90%;
		    max-width: 1200px;
		    margin: 0 auto;
		    padding: 20px;
		}
		h1, h2 {
		    color: #007bff;
		}
		h2 {
		    margin-top: 5px;
		    border-bottom: 2px solid #007bff;
		    padding-bottom: 5px;
		}
		.intro-section, .product-section, .application-section {
		    background-color: #fff;
		    padding: 20px;
		    border-radius: 5px;
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		    margin-bottom: 20px;
			font-size: 18px;
		}
		.intro-section p {
		    line-height: 1.6;
		}
		.product-section ul, .application-section ul {
		    list-style-type: none;
		    padding: 0;
		}
		.product-section li, .application-section li {
		    margin-bottom: 10px;
		}
		.product-section strong, .application-section strong {
		    color: #007bff;
		}
		
		.wrapper {
		    display: flex;
		    flex-wrap: wrap;
		    width: 90%;
		    max-width: 1450px;
		    margin: 20px auto;
		    background-color: #fff;
		    padding: 20px;
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		    border-radius: 5px;
		}
		.left-section {
		    flex: 1;
		    margin-right: 20px;
		}
		.left-section img {
		    width: 100%;
		    border-radius: 5px;
		}
		.left-section .title {
		    font-size: 2em;
		    color: #333;
		    margin: 20px 0;
		}
		.highlight {
		    background-color: #007bff;
		    color: #fff;
		    padding: 10px;
		    text-align: center;
		    margin-top: 20px;
		    font-size: 18px;
		    border-radius: 5px;
		}
		.right-section {
		    flex: 2;
			font-size: 36px;
			
		}
		.content-wrapper {
		    margin-top: 20px;
		}
		.content-wrapper h2 {
		    font-size: 1em;
		    color: #333;
		    margin-bottom: 10px;
		}
		.content-wrapper p {
		    line-height: 1.6;
		    color: #666;
		}
		.content-wrapper ul {
		    list-style-type: disc;
		    padding-left: 20px;
		    color: #666;
		}
		.content-wrapper ul li {
		    margin-bottom: 10px;
			
		}
		
		.right-section strong{
			font-size: 16px;
			
		}
		
		.icon {
		  width: 50px;
		  height: 50px;
		  vertical-align: -0.15em;
		  fill: currentColor;
		  overflow: hidden;
		}
		
		
		/* 固定导航栏 */
		.navbar {
		  position: fixed;
		  top: 0;
		  width: 100%;
		  background-color: #fff;
		  z-index: 1000;
		  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		}
		
		body {
		  padding-top: 60px; /* 确保内容不被固定导航栏遮挡 */
		}
		
		/* 确保目标元素的正确定位 */
		section {
		  padding-top: 60px; /* 与导航栏高度相同 */
		  margin-top: -60px; /* 确保滚动到正确的位置 */
		}
		/* 固定导航栏 */
		.navbar {
		  position: fixed;
		  top: 0;
		  width: 100%;
		  background-color: #fff;
		  z-index: 1000;
		  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		}
		
		body {
		  padding-top: 60px; /* 确保内容不被固定导航栏遮挡 */
		}
		
		/* 确保目标元素的正确定位 */
		section {
		  padding-top: 60px; /* 与导航栏高度相同 */
		  margin-top: -60px; /* 确保滚动到正确的位置 */
		}
		
		/* 导航链接 */
/* 导航链接 */
.navbar-content .daohang a:hover {
/*  background-color: #f0f0f0; /* 鼠标悬停时的背景颜色 */ */
  color: red; /* 鼠标悬停时的文字颜色 */
  text-decoration: underline; /* 鼠标悬停时的下划线 */
  transition: background-color 0.3s ease; /* 背景颜色过渡效果 */

 
}


    .sidebar {
            position: fixed;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 1000;
            background-color: black;
        }
        .sidebar-item {
            margin: 10px 0;
            position: relative;
            cursor: pointer;
            text-align: center;
        }
        .sidebar-item img {
            width: 80px;
            height: 80px;
        }
        .sidebar-item .text-below {
            display: block;
            margin-top: 5px;
            color: white;
        }
        .sidebar-item .tooltip {
            visibility: hidden;
            width: 120px;
            background-color: black;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            position: absolute;
            left: -130px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity 0.3s, visibility 0.3s;
        }
        .sidebar-item:hover .tooltip {
            visibility: visible;
            opacity: 1;
        }
   .tooltip1 {
            visibility: hidden;
            width: 3000px;
			height: 3000px;
            background-color: black;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            border-radius: 6px;
            position: absolute;
            left: -500px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0;
            transition: opacity 0.3s, visibility 0.3s;
        }
        .sidebar-item:hover .tooltip1 {
            visibility: visible;
            opacity: 1;
        }