/* 基础样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft JhengHei', sans-serif;
        }
		a{
			text-decoration: none;
		}
        
        :root {
            --primary-color: #10305e;
            --secondary-color: #6a7c92;
            --dark-color: #1d2144;
            --light-color: #f5f8ff;
            --accent-color: #f3a952;
            --transition: all 0.3s ease;
        }
        
        html {
            scroll-behavior: smooth;
        }
        
        body {
            line-height: 1.6;
            color: var(--dark-color);
            background-color: #fff;
            overflow-x: hidden;
        }
        .pt100{
        	padding-top: 175px;
        }
        .container {
            width: 94%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0;
        }
        
        section {
            padding: 50px 0;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 30px;
			position: relative;
        }
        
        .section-title h2 {
            font-size: 36px;
            position: relative;
            display: inline-block;
        }
        
       /* .section-title h2:after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background-color: var(--primary-color);
        } */
        
        .section-title p {
            color: var(--secondary-color);
            max-width: 600px;
            margin: 0 auto;
        }
		.section-title p:after {
		    content: '';
		    position: absolute;
		    bottom: -10px;
		    left: 50%;
		    transform: translateX(-50%);
		    width: 60px;
		    height: 3px;
		    background-color: var(--primary-color);
		}
        
        .btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: var(--primary-color);
            color: white;
            border-radius: 5px;
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            border: none;
            cursor: pointer;
        }
        
        .btn:hover {
            background-color: #10305e;
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(74, 108, 247, 0.2);
        }
        
       /* 导航栏 */
               header {
                   position: fixed;
                   top: 0;
                   left: 0;
                   width: 100%;
                   z-index: 1000;
                   background-color: rgba(255, 255, 255, 0.95);
                   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                   transition: var(--transition);
               }
               
               .header-container {
                   display: flex;
                   flex-direction: column;
                   align-items: center;
                   padding: 15px 0;
                   position: relative;
                   transition: var(--transition);
               }
               
               .logo {
                   font-size: 32px;
                   font-weight: 700;
                   color: var(--dark-color);
                   text-decoration: none;
                   margin-bottom: 10px;
                   transition: var(--transition);
				   margin-top: 10px;
               }
			   .logo img{
			       width: 80%;
			   }
               
               .logo.scrolled {
                   font-size: 24px;
                   margin-bottom: 5px;
               }
               
               .logo span {
                   color: var(--primary-color);
               }
               
               .nav-links {
                   display: flex;
                   list-style: none;
                   position: relative;
                   transition: var(--transition);
               }
               
               .nav-links.scrolled {
                   transform: scale(0.95);
               }
               
               .nav-links > li {
                   position: relative;
                   margin: 0 15px;
               }
               
               .nav-links a {
                   text-decoration: none;
                   color: var(--dark-color);
                   font-weight: 500;
                   transition: var(--transition);
                   padding: 10px 0;
                   display: block;
				   font-size: 16px;
               }
               
               .nav-links a:hover {
                   color: var(--primary-color);
               }
               
               .nav-links a.active {
                   color: var(--primary-color);
               }
               
               /* 二级菜单 - 桌面版 */
               .submenu {
                   position: absolute;
                   top: 100%;
                   left: 0;
                   background-color: white;
                   min-width: 200px;
                   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                   border-radius: 5px;
                   opacity: 0;
                   visibility: hidden;
                   transform: translateY(10px);
                   transition: var(--transition);
                   z-index: 100;
               }
               
               .nav-links > li:hover .submenu {
                   opacity: 1;
                   visibility: visible;
                   transform: translateY(0);
               }
               
               .submenu li {
                   border-bottom: 1px solid #f0f0f0;
               }
               
               .submenu li:last-child {
                   border-bottom: none;
               }
               
               .submenu a {
                   padding: 12px 20px;
                   white-space: nowrap;
               }
               
               .submenu a:hover {
                   background-color: #f5f8ff;
               }
               
               /* 移动端菜单图标 */
               .mobile-menu-btn {
                   display: none;
                   font-size: 24px;
                   background: none;
                   border: none;
                   cursor: pointer;
                   color: var(--dark-color);
                   position: absolute;
                   right: 20px;
                   top: 20px;
                   z-index: 1001;
               }
        
        /* 轮播大图 */
        .slider-h {
            position: relative;
            overflow: hidden;
            margin-top: 175px;
			width: 100%;
        }
		.slider-h img{
		    
			width: 100%;
		}
        .slider-3 {
            position: relative;
            overflow: hidden;
        	width: 100%;
        }
		
		
		
		/* 修改箭头容器的样式 */
		.swiper-button-next,
		.swiper-button-prev {
		  background-color: #333;
		  width: 40px;
		  height: 40px;
		  border-radius: 50%;
		  opacity: 0.8;
		}
		
		/* 悬停效果 */
		.swiper-button-next:hover,
		.swiper-button-prev:hover {
		  background-color: #000;
		  opacity: 1;
		}
		
		/* 修改箭头图标颜色 */
		.swiper-button-next:after,
		.swiper-button-prev:after {
		  color: white;
		  font-size: 20px;
		}
		
		/* 禁用状态 */
		.swiper-button-disabled {
		  opacity: 0.3;
		  cursor: not-allowed;
		}
		
		
		
		
		
		
		
		.custom-next, .custom-prev {
		  position: absolute;
		  top: 50%;
		  transform: translateY(-50%);
		  width: 40px;
		  height: 40px;
		  background: rgba(0,0,0,0.5);
		  color: white;
		  border-radius: 50%;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  cursor: pointer;
		  z-index: 10;
		  font-size: 28px;
		  font-weight: bold;
		  user-select: none;
		  padding-bottom: 5px;
		}
		
		.custom-next:hover, .custom-prev:hover {
		  background: rgba(0,0,0,0.8);
		}
		
		.custom-next {
		  right: 10px;
		}
		
		.custom-prev {
		  left: 10px;
		}
		
		
		
		
        
        /* 四大设计服务区域 */
        .services {
            /* background-color: var(--light-color); */
        }
        
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 15px;
        }
		.ds .service-card:first-child {
		    display: none;
		}
        .services-grid2 .service-card {
            height: 400px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            transition: var(--transition);
			margin-bottom: 15px;
        }
        .service-card {
            height: 400px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            transition: var(--transition);
        }
        
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }
        
        .service-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: var(--transition);
        }
        
        .service-card:hover .service-bg {
            transform: scale(1.05);
        }
        
        .service-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            /* background: linear-gradient(to bottom, rgba(29, 33, 68, 0.4), rgba(29, 33, 68, 0.7)); */
			background: rgba(29, 33, 68, 0.2);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            padding: 10px;
            text-align: center;
            transition: var(--transition);
        }
        
        .service-card:hover .service-overlay {
            background: linear-gradient(to bottom, rgba(29, 33, 68, 0.7), rgba(29, 33, 68, 0.9));
        }
        
        .service-title {
            font-size: 28px;
            font-weight: 700;
        }
        
        .service-details {
            max-height: 0;
            overflow: hidden;
            transition: var(--transition);
            width: 100%;
        }
        
        .service-card:hover .service-details {
            max-height: 200px;
            margin-top: 20px;
        }
        
        .service-products {
            list-style: none;
            text-align: left;
            display: inline-block;
        }
        
        .service-products li {
            margin-bottom: 8px;
            position: relative;
            padding-left: 20px;
        }
        
        .service-products li:before {
            content: '•';
            color: var(--accent-color);
            font-size: 20px;
            position: absolute;
            left: 0;
            top: -2px;
        }
		
		.gallery-item-in h3{
			text-align: center;
			margin-top: 10px;
		}
		.gallery-item-in p{
			text-align: center;
		}
        
        /* 图片集区域 */
        .gallery {
            background-color: white;
        }
        
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 15px;
        }
		.gallery .gallery-grid {
		    display: grid;
		    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		    gap: 15px;
		}
        
        .gallery-item {
            position: relative;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            height: 300px;
        }
        
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .gallery-item:hover img {
            transform: scale(1.05);
        }
        .gallery-title {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
			text-align:center;
/*            background: linear-gradient(to top, rgba(29, 33, 68, 0.9), transparent); */
            color: white;
            padding: 20px;
			padding-bottom: 60px;
            transform: translateY(0px);
            opacity: 1;
            transition: var(--transition);
			
        }
		.gallery-title h3 {
		    font-size: 30px;
		}
		.gallery-title p {
		    font-size: 16px;
			margin-bottom: 50px;
		}
        .gallery-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            /* background: linear-gradient(to top, rgba(29, 33, 68, 0.9), transparent); */
            color: white;
            padding: 20px;
            transform: translateY(10px);
            opacity: 0;
            transition: var(--transition);
        }
        
        .gallery-item:hover .gallery-overlay {
            transform: translateY(0);
            opacity: 1;
        }
        
        .gallery-overlay h3 {
            font-size: 18px;
            margin-bottom: 5px;
        }
        
        /* 产品服务详情区域样式 */
        .product-details {
            background-color: white;
        }
        
        .product-categories {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .product-category {
            background-color: var(--light-color);
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: var(--transition);
        }
        
        .product-category:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        
        .product-category h3 {
            font-size: 22px;
            margin-bottom: 15px;
            color: var(--primary-color);
            display: flex;
            align-items: center;
        }
        
        .product-category h3 i {
            margin-right: 10px;
            font-size: 24px;
        }
        
        .product-category p {
            color: var(--secondary-color);
            line-height: 1.7;
        }
        
        /* 页脚 */
        footer {
            background-color: var(--dark-color);
            color: white;
            padding: 70px 0 20px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 50px;
        }
        
        .footer-column h3 {
            font-size: 20px;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-column h3:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: var(--primary-color);
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 12px;
        }
        
        .footer-links a {
            color: #a0a7c2;
            text-decoration: none;
            transition: var(--transition);
        }
        
        .footer-links a:hover {
            color: white;
            padding-left: 5px;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .social-links a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            color: white;
            transition: var(--transition);
        }
        
        .social-links a:hover {
            background-color: var(--primary-color);
            transform: translateY(-3px);
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: #a0a7c2;
            font-size: 14px;
        }
        .copyright a{
            color: #a0a7c2;
        }
		
		
		
		/* 联系表单页面样式 */
		.contact-form-page {
		    margin-top: 120px;
		    padding: 80px 0;
		}
		
		.form-hero {
		    background: linear-gradient(135deg, #f5f8ff 0%, #e6ecff 100%);
		    padding: 80px 0;
		    text-align: center;
		    margin-bottom: 60px;
		}
		
		.form-hero h1 {
		    font-size: 48px;
		    margin-bottom: 20px;
		    color: var(--dark-color);
		}
		
		.form-hero p {
		    font-size: 18px;
		    color: var(--secondary-color);
		    max-width: 700px;
		    margin: 0 auto 30px;
		}
		
		.form-container {
		    display: grid;
		    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		    gap: 50px;
		}
		
		/* 联系表单样式 */
		.contact-form-wrapper {
		    background-color: white;
		    padding: 40px;
		    border-radius: 10px;
		    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
		}
		
		.contact-form-wrapper h2 {
		    font-size: 28px;
		    margin-bottom: 10px;
		    color: var(--dark-color);
		}
		
		.contact-form-wrapper p {
		    color: var(--secondary-color);
		    margin-bottom: 30px;
		}
		
		.form-group {
		    margin-bottom: 25px;
		    position: relative;
		}
		
		.form-group label {
		    display: block;
		    margin-bottom: 8px;
		    font-weight: 500;
		    color: var(--dark-color);
		}
		
		.form-group label .required {
		    color: var(--error-color);
		}
		
		.form-control {
		    width: 100%;
		    padding: 12px 15px;
		    border: 1px solid #ddd;
		    border-radius: 5px;
		    font-size: 16px;
		    transition: var(--transition);
		}
		
		.form-control:focus {
		    border-color: var(--primary-color);
		    outline: none;
		    box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1);
		}
		
		.form-control.error {
		    border-color: var(--error-color);
		}
		
		.form-control.success {
		    border-color: var(--success-color);
		}
		
		.error-message {
		    color: var(--error-color);
		    font-size: 14px;
		    margin-top: 5px;
		    display: none;
		}
		
		.error-message.show {
		    display: block;
		}
		
		textarea.form-control {
		    min-height: 150px;
		    resize: vertical;
		}
		
		.form-row {
		    display: grid;
		    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		    gap: 20px;
		}
		
		.form-footer {
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		    margin-top: 30px;
		    padding-top: 20px;
		    border-top: 1px solid #eee;
		}
		
		.form-note {
		    font-size: 14px;
		    color: var(--secondary-color);
		}
		
		/* 表单步骤指示器 */
		.form-steps {
		    display: flex;
		    justify-content: space-between;
		    margin-bottom: 40px;
		    position: relative;
		}
		
		.form-steps:before {
		    content: '';
		    position: absolute;
		    top: 15px;
		    left: 0;
		    right: 0;
		    height: 2px;
		    background-color: #eee;
		    z-index: 1;
		}
		
		.step {
		    position: relative;
		    z-index: 2;
		    text-align: center;
		    flex: 1;
		}
		
		.step-circle {
		    width: 32px;
		    height: 32px;
		    border-radius: 50%;
		    background-color: #eee;
		    color: var(--secondary-color);
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin: 0 auto 10px;
		    font-weight: 600;
		    transition: var(--transition);
		}
		
		.step.active .step-circle {
		    background-color: var(--primary-color);
		    color: white;
		}
		
		.step.completed .step-circle {
		    background-color: var(--success-color);
		    color: white;
		}
		
		.step.completed .step-circle:after {
		    content: '✓';
		}
		
		.step-label {
		    font-size: 14px;
		    color: var(--secondary-color);
		    transition: var(--transition);
		}
		
		.step.active .step-label {
		    color: var(--primary-color);
		    font-weight: 600;
		}
		
		/* 表单步骤内容 */
		.form-step {
		    display: none;
		}
		
		.form-step.active {
		    display: block;
		    animation: fadeIn 0.5s ease;
		}
		
		@keyframes fadeIn {
		    from { opacity: 0; transform: translateY(20px); }
		    to { opacity: 1; transform: translateY(0); }
		}
		
		/* 表单按钮组 */
		.form-buttons {
		    display: flex;
		    justify-content: space-between;
		    margin-top: 40px;
		}
		
		.btn-prev, .btn-next {
		    min-width: 120px;
		}
		
		.btn-prev {
		    background-color: transparent;
		    color: var(--primary-color);
		    border: 1px solid var(--primary-color);
		}
		
		.btn-prev:hover {
		    background-color: var(--light-color);
		}
		
		/* 联系信息样式 */
		.contact-info-sidebar {
		    background-color: var(--light-color);
		    padding: 40px;
		    border-radius: 10px;
		    height: fit-content;
		}
		
		.contact-info-sidebar h3 {
		    font-size: 24px;
		    margin-bottom: 20px;
		    color: var(--dark-color);
		}
		
		.contact-info-item {
		    display: flex;
		    align-items: flex-start;
		    gap: 15px;
		    margin-bottom: 25px;
		}
		
		.contact-info-icon {
		    width: 50px;
		    height: 50px;
		    background-color: rgba(74, 108, 247, 0.1);
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    flex-shrink: 0;
		}
		
		.contact-info-icon i {
		    font-size: 20px;
		    color: var(--primary-color);
		}
		
		.contact-info-content h4 {
		    font-size: 18px;
		    margin-bottom: 5px;
		    color: var(--dark-color);
		}
		
		.contact-info-content p {
		    color: var(--secondary-color);
		    font-size: 15px;
		    line-height: 1.5;
		}
		
		.contact-info-content a {
		    color: var(--primary-color);
		    text-decoration: none;
		    transition: var(--transition);
		}
		
		.contact-info-content a:hover {
		    text-decoration: underline;
		}
		
		/* 表单提交成功消息 */
		.form-success {
		    text-align: center;
		    padding: 60px 40px;
		    display: none;
		}
		
		.form-success.active {
		    display: block;
		    animation: fadeIn 0.5s ease;
		}
		
		.success-icon {
		    width: 80px;
		    height: 80px;
		    background-color: rgba(76, 175, 80, 0.1);
		    border-radius: 50%;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    margin: 0 auto 30px;
		}
		
		.success-icon i {
		    font-size: 40px;
		    color: var(--success-color);
		}
		
		.form-success h2 {
		    font-size: 32px;
		    margin-bottom: 15px;
		    color: var(--dark-color);
		}
		
		.form-success p {
		    color: var(--secondary-color);
		    margin-bottom: 30px;
		    font-size: 18px;
		}
		.more{
			margin-top: 20px;
		}
		.more a{
			display: block;
			font-size: 16px;
			color:#fff;
			text-align: center;
			width: 100%;
			line-height: 40px;
			background-color: #1d2144;
		}
		
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .slide-content h2 {
                font-size: 40px;
            }
			.form-hero h1 {
			    font-size: 36px;
			}
			
			.contact-form-wrapper {
			    padding: 30px 20px;
			}
			
			.form-row {
			    grid-template-columns: 1fr;
			}
			
			.form-buttons {
			    flex-direction: column;
			    gap: 15px;
			}
			
			.btn-prev, .btn-next {
			    width: 100%;
			}
        }
		
		
		
		 /* 移动端菜单样式 */
		        @media (max-width: 768px) {
					.container{
						padding: 0;
					}
					section {
					    padding: 20px 0;
					}
					
					
					
					.gallery .gallery-item {
					    height: 150px;
					}
					.gallery .gallery-grid {
					    display: grid;
					    grid-template-columns: repeat(2, minmax(150px, 1fr));
					    gap: 15px;
					}
					
					
					
		            .mobile-menu-btn {
		                display: block;
		            }
		            
		            .nav-links {
		                position: fixed;
		                top: 0;
		                left: 0;
		                width: 100%;
		                height: 100vh;
		                background-color: white;
		                flex-direction: column;
		                align-items: flex-start;
		                padding: 80px 20px 30px;
		                transform: translateX(-100%);
		                transition: var(--transition);
		                z-index: 999;
		                visibility: hidden;
		                overflow-y: auto;
		            }
		            
		            .nav-links.active {
		                transform: translateX(0);
		                visibility: visible;
		            }
		            
		            .nav-links > li {
		                margin: 0;
		                width: 100%;
		                border-bottom: 1px solid #f0f0f0;
		            }
		            
		            .nav-links > li:last-child {
		                border-bottom: none;
		            }
		            
		            .nav-links a {
		                padding: 15px 0;
		                display: flex;
		                justify-content: space-between;
		                align-items: center;
		                font-size: 16px;
		            }
		            
		            /* 移动端二级菜单样式 */
		            .submenu {
		                position: static;
		                opacity: 1;
		                visibility: visible;
		                transform: none;
		                box-shadow: none;
		                background-color: #f9f9f9;
		                width: 100%;
		                max-height: 0;
		                overflow: hidden;
		                transition: max-height 0.3s ease;
		                border-radius: 0;
		                padding: 0;
		                margin-top: 0;
		            }
		            
		            .submenu.active {
		                max-height: 300px;
		                padding: 10px 0;
		            }
		            
		            .submenu li {
		                border-bottom: 1px solid #eaeaea;
		                margin: 0;
		            }
		            
		            .submenu li:last-child {
		                border-bottom: none;
		            }
		            
		            .submenu a {
		                padding: 12px 15px 12px 30px;
		                font-size: 15px;
		                color: var(--secondary-color);
		            }
		            
		            .submenu a:hover {
		                background-color: #f0f0f0;
		            }
		            
		            /* 移动端二级菜单箭头 */
		            .has-submenu > a .submenu-toggle {
		                display: inline-block;
		                transition: var(--transition);
		            }
		            
		            .has-submenu.active > a .submenu-toggle {
		                transform: rotate(180deg);
		            }
		            
		            /* 移动端菜单关闭按钮 */
		            .mobile-menu-close {
		                position: absolute;
		                top: 20px;
		                right: 20px;
		                font-size: 24px;
		                background: none;
		                border: none;
		                cursor: pointer;
		                color: var(--dark-color);
		                z-index: 1001;
		            }
		            
		            /* 移动端菜单遮罩 */
		            .nav-overlay {
		                position: fixed;
		                top: 0;
		                left: 0;
		                width: 100%;
		                height: 100%;
		                background-color: rgba(0, 0, 0, 0.5);
		                z-index: 998;
		                opacity: 0;
		                visibility: hidden;
		                transition: var(--transition);
		            }
		            
		            .nav-overlay.active {
		                opacity: 1;
		                visibility: visible;
		            }
		        }
        
        @media (max-width: 768px) {

            .services-grid {
                display: flex;
				flex-wrap: wrap;
            }
			
			.services-grid2 .service-card {
			    height: 150px;
			    width: 100%;
			}
            
            .service-card {
                height: 150px;
				width: 47.8%;
            }
            
            .slide-content h2 {
                font-size: 32px;
            }
            
            .slide-content p {
                font-size: 16px;
            }
            
            .slider-arrow {
                width: 40px;
                height: 40px;
                font-size: 18px;
            }
            
            .slider-arrow.prev {
                left: 15px;
            }
            
            .slider-arrow.next {
                right: 15px;
            }
            
            .product-categories {
                grid-template-columns: 1fr;
            }
			
			.form-hero h1 {
			    font-size: 32px;
			}
			
			.contact-form-wrapper h2 {
			    font-size: 24px;
			}
			
			.step-label {
			    font-size: 12px;
			}
        }
        
        @media (max-width: 576px) {
            .section-title h2 {
                font-size: 28px;
            }
            
            .service-title {
                font-size: 28px;
            }
			.service-overlay p{
				font-size: 16px;
			}
            
            .slide-content h2 {
                font-size: 28px;
            }
        }
		
		
		
		 /* 联系我们页面样式 */
		        .contact-page {
		            margin-top: 90px;
		            padding: 80px 0;
		        }
		        
		        .contact-hero {
		            background: linear-gradient(135deg, #f5f8ff 0%, #e6ecff 100%);
		            padding: 100px 0;
		            text-align: center;
		        }
		        
		        .contact-hero h1 {
		            font-size: 48px;
		            margin-bottom: 20px;
					color: #fff;
		        }
		        
		        .contact-hero p {
		            font-size: 18px;
		            color: var(--secondary-color);
		            max-width: 700px;
		            margin: 0 auto 30px;
		        }
		        
		        .contact-content {
		            display: grid;
		            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		            gap: 50px;
		        }
		        
		        .contact-info {
		            display: flex;
		            flex-direction: column;
		            gap: 30px;
		        }
		        
		        .contact-item {
		            display: flex;
		            align-items: flex-start;
		            gap: 20px;
		            padding: 25px;
		            background-color: var(--light-color);
		            border-radius: 10px;
		            transition: var(--transition);
		        }
		        
		        .contact-item:hover {
		            transform: translateY(-5px);
		            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
		        }
		        
		        .contact-icon {
		            width: 60px;
		            height: 60px;
		            background-color: rgba(74, 108, 247, 0.1);
		            border-radius: 50%;
		            display: flex;
		            align-items: center;
		            justify-content: center;
		            flex-shrink: 0;
		        }
		        
		        .contact-icon i {
		            font-size: 24px;
		            color: var(--primary-color);
		        }
		        
		        .contact-details h3 {
		            font-size: 20px;
		            margin-bottom: 8px;
		            color: var(--dark-color);
		        }
		        
		        .contact-details p {
		            color: var(--secondary-color);
		            margin-bottom: 5px;
		        }
		        
		        .contact-details a {
		            color: var(--primary-color);
		            text-decoration: none;
		            transition: var(--transition);
		        }
		        
		        .contact-details a:hover {
		            text-decoration: underline;
		        }
		        
		        .contact-form-container {
		            background-color: var(--light-color);
		            padding: 40px;
		            border-radius: 10px;
		            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
		        }
		        
		        .contact-form-container h3 {
		            font-size: 24px;
		            margin-bottom: 30px;
		            text-align: center;
		        }
		        
		        .form-group {
		            margin-bottom: 25px;
		        }
		        
		        .form-group label {
		            display: block;
		            margin-bottom: 8px;
		            font-weight: 500;
		            color: var(--dark-color);
		        }
		        
		        .form-control {
		            width: 100%;
		            padding: 12px 15px;
		            border: 1px solid #ddd;
		            border-radius: 5px;
		            font-size: 16px;
		            transition: var(--transition);
		        }
		        
		        .form-control:focus {
		            border-color: var(--primary-color);
		            outline: none;
		            box-shadow: 0 0 0 3px rgba(74, 108, 247, 0.1);
		        }
		        
		        textarea.form-control {
		            min-height: 150px;
		            resize: vertical;
		        }
		        
		        .form-row {
		            display: grid;
		            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		            gap: 20px;
		        }
		        
		        /* 地图区域 */
		        .map-section {
		            padding: 80px 0;
		            background-color: white;
		        }
		        
		        .map-container {
		            border-radius: 10px;
		            overflow: hidden;
		            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
		            height: 400px;
		        }
		        
		        .map-placeholder {
		            width: 100%;
		            height: 100%;
		            background-color: #f5f8ff;
		            display: flex;
		            flex-direction: column;
		            align-items: center;
		            justify-content: center;
		            color: var(--secondary-color);
		        }
		        
		        .map-placeholder i {
		            font-size: 48px;
		            margin-bottom: 20px;
		            color: var(--primary-color);
		        }
		        
		        /* FAQ区域 */
		        .faq-section {
		            background-color: var(--light-color);
		            padding: 80px 0;
		        }
		        
		        .faq-container {
		            max-width: 800px;
		            margin: 0 auto;
		        }
		        
		        .faq-item {
		            margin-bottom: 20px;
		            border-radius: 10px;
		            overflow: hidden;
		            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
		        }
		        
		        .faq-question {
		            background-color: white;
		            padding: 20px 25px;
		            font-size: 18px;
		            font-weight: 600;
		            cursor: pointer;
		            display: flex;
		            justify-content: space-between;
		            align-items: center;
		            transition: var(--transition);
		        }
		        
		        .faq-question:hover {
		            background-color: #f8f9ff;
		        }
		        
		        .faq-question i {
		            transition: var(--transition);
		        }
		        
		        .faq-question.active i {
		            transform: rotate(180deg);
		        }
		        
		        .faq-answer {
		            background-color: white;
		            padding: 0 25px;
		            max-height: 0;
		            overflow: hidden;
		            transition: var(--transition);
		        }
		        
		        .faq-answer.active {
		            padding: 20px 25px;
		            max-height: 300px;
		        }
				
				
				
				/* 关于我们页面样式 */
				.about-page {
				   
				}
				
				/* 公司介绍部分 */
				.company-intro {
				    padding: 100px 0;
				    background: linear-gradient(135deg, #f5f8ff 0%, #e6ecff 100%);
				}
				
				.intro-content {
				    display: flex;
				    align-items: center;
				    gap: 60px;
				}
				
				.intro-text {
				    flex: 1;
				}
				
				.intro-text h1 {
				    font-size: 48px;
				    margin-bottom: 20px;
				    color: var(--dark-color);
				}
				
				.intro-text p {
				    font-size: 18px;
				    color: var(--secondary-color);
				    margin-bottom: 30px;
				    line-height: 1.8;
				}
				
				.intro-image {
				    flex: 1;
				    border-radius: 10px;
				    overflow: hidden;
				    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
				}
				
				.intro-image img {
				    width: 100%;
				    height: auto;
				    display: block;
				}
				
				/* 公司价值观 */
				.company-values {
				    background-color: white;
				}
				
				.values-grid {
				    display: grid;
				    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
				    gap: 30px;
				}
				.values-grid img{
				    width: 100%;
				}
				
				.value-card {
				    text-align: center;
				    padding: 40px 30px;
				    border-radius: 10px;
				    background-color: var(--light-color);
				    transition: var(--transition);
				}
				
				.value-card:hover {
				    transform: translateY(-10px);
				    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
				}
				
				.value-icon {
				    width: 80px;
				    height: 80px;
				    background-color: rgba(74, 108, 247, 0.1);
				    border-radius: 50%;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				    margin: 0 auto 20px;
				}
				
				.value-icon i {
				    font-size: 32px;
				    color: var(--primary-color);
				}
				
				.value-card h3 {
				    font-size: 22px;
				    margin-bottom: 15px;
				    color: var(--dark-color);
				}
				
				.value-card p {
				    color: var(--secondary-color);
				}
				
				/* 团队展示 */
				.team-section {
				    background-color: var(--light-color);
				}
				
				.team-grid {
				    display: grid;
				    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				    gap: 30px;
				}
				
				.team-member {
				    background-color: white;
				    border-radius: 10px;
				    overflow: hidden;
				    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
				    transition: var(--transition);
				}
				
				.team-member:hover {
				    transform: translateY(-10px);
				    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
				}
				
				.member-image {
				    height: 250px;
				    overflow: hidden;
				}
				
				.member-image img {
				    width: 100%;
				    height: 100%;
				    object-fit: cover;
				    transition: var(--transition);
				}
				
				.team-member:hover .member-image img {
				    transform: scale(1.05);
				}
				
				.member-info {
				    padding: 25px;
				    text-align: center;
				}
				
				.member-info h3 {
				    font-size: 20px;
				    margin-bottom: 5px;
				    color: var(--dark-color);
				}
				
				.member-position {
				    color: var(--primary-color);
				    font-weight: 500;
				    margin-bottom: 15px;
				}
				
				.member-bio {
				    color: var(--secondary-color);
				    font-size: 14px;
				    margin-bottom: 15px;
				}
				
				.member-social {
				    display: flex;
				    justify-content: center;
				    gap: 10px;
				}
				
				.member-social a {
				    width: 36px;
				    height: 36px;
				    border-radius: 50%;
				    background-color: #f5f8ff;
				    display: flex;
				    align-items: center;
				    justify-content: center;
				    color: var(--primary-color);
				    transition: var(--transition);
				}
				
				.member-social a:hover {
				    background-color: var(--primary-color);
				    color: white;
				    transform: translateY(-3px);
				}
				
				/* 发展历程 */
				.timeline-section {
				    background-color: white;
				}
				
				.timeline {
				    position: relative;
				    max-width: 800px;
				    margin: 0 auto;
				}
				
				.timeline:before {
				    content: '';
				    position: absolute;
				    top: 0;
				    left: 50%;
				    transform: translateX(-50%);
				    width: 2px;
				    height: 100%;
				    background-color: var(--primary-color);
				}
				
				.timeline-item {
				    margin-bottom: 50px;
				    position: relative;
				    width: 50%;
				    padding: 0 40px;
				}
				
				.timeline-item:nth-child(odd) {
				    left: 0;
				    text-align: right;
				}
				
				.timeline-item:nth-child(even) {
				    left: 50%;
				    text-align: left;
				}
				
				.timeline-item:before {
				    content: '';
				    position: absolute;
				    top: 0;
				    width: 16px;
				    height: 16px;
				    border-radius: 50%;
				    background-color: var(--primary-color);
				    border: 3px solid white;
				    box-shadow: 0 0 0 3px var(--primary-color);
				}
				
				.timeline-item:nth-child(odd):before {
				    right: -8px;
				}
				
				.timeline-item:nth-child(even):before {
				    left: -8px;
				}
				
				.timeline-content {
				    background-color: var(--light-color);
				    padding: 25px;
				    border-radius: 10px;
				    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
				}
				
				.timeline-year {
				    font-size: 20px;
				    font-weight: 700;
				    color: var(--primary-color);
				    margin-bottom: 10px;
				}
				
				.timeline-title {
				    font-size: 18px;
				    margin-bottom: 10px;
				    color: var(--dark-color);
				}
				
				.timeline-description {
				    color: var(--secondary-color);
				    font-size: 14px;
				}
				
				/* 统计数据 */
				.stats-section {
				    background-color: var(--light-color);
				    padding: 80px 0;
				}
				
				.stats-grid {
				    display: grid;
				    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				    gap: 30px;
				}
				
				.stat-item {
				    text-align: center;
				    padding: 30px 20px;
				    background-color: white;
				    border-radius: 10px;
				    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
				    transition: var(--transition);
				}
				
				.stat-item:hover {
				    transform: translateY(-5px);
				    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
				}
				
				.stat-number {
				    font-size: 48px;
				    font-weight: 700;
				    color: var(--primary-color);
				    display: block;
				    margin-bottom: 10px;
				}
				
				.stat-text {
				    font-size: 16px;
				    color: var(--secondary-color);
				    font-weight: 500;
				}
				
	
.position-absolute{
	position: absolute;
	top: 35%;
	padding:20px;
}			
	.position-absolute h1{
		font-size: 16px;
		color: #fff;
	}			
@media (max-width: 768px) {
	header {

	    padding: 0;
	}
	.header-container {
	    display: flex;
	    flex-direction: column;
		align-items: flex-start;

	    position: relative;
	    transition: var(--transition);
	}
	.logo{
		margin-bottom: 0;
		width: 120px;
	}
	.logo img{
		
		width: 100%;
	}
	.slider-h {
	    position: relative;
	    overflow: hidden;
	    margin-top: 75px;
		height: 220px;
	}
	.slider-h img{
		width: 100%;
		height: 100%;
	}
	.slider-3 {
	    position: relative;
	    overflow: hidden;
	    margin-top: 75px;
		height: 250px;
		width: 100%;
	}
	.slider-3 img{
		width: 100%;
	}
	.pt100 {
		padding-top: 75px;
	}
	.contact-page {
	    margin-top: 25px;
	    padding: 40px 0;
	}
	.contact-hero {
	    background: linear-gradient(135deg, #f5f8ff 0%, #e6ecff 100%);
	    padding: 10px 0;
	    text-align: center;
	}
	.contact-hero h1 {
	    font-size: 28px;
	    margin-bottom: 20px;
	    color: #fff;
	}
	.intro-content {
	    display: flex;
		justify-content: baseline;
	    align-items: center;
		flex-wrap: wrap;
	    gap: 0px;
	}
	.intro-text{
		width: 100%;
	}
	.intro-image {
	    width: 100%;
		flex: auto;
	}
	
	.position-absolute h1{
		font-size: 12px;
		color: #fff;
	}
}



 /* 产品详情页面样式 */
        .product-detail-page {
            margin-top: 120px;
        }
        
        /* 产品头部区域 */
        .product-header {
            padding: 60px 0;
            background-color: var(--light-color);
        }
        
        .product-header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .breadcrumb {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .breadcrumb a {
            color: var(--secondary-color);
            text-decoration: none;
            transition: var(--transition);
        }
        
        .breadcrumb a:hover {
            color: var(--primary-color);
        }
        
        .breadcrumb span {
            margin: 0 8px;
            color: var(--secondary-color);
        }
        
        .product-header h1 {
            font-size: 40px;
            margin-bottom: 10px;
            color: var(--dark-color);
        }
        
        .product-category {
            font-size: 18px;
            color: var(--primary-color);
            font-weight: 500;
        }
        
        /* 产品主内容区域 */
        .product-main {
            padding: 60px 0;
        }
        
        .product-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
        }
        
        /* 产品图片轮播 */
        .product-gallery {
            position: relative;
        }
        
        .main-slider {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            margin-bottom: 15px;
        }
        
        .main-slides {
            display: flex;
            transition: transform 0.5s ease;
        }
        
        .main-slide {
            min-width: 100%;
            position: relative;
        }
        
        .main-slide img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            display: block;
        }
        
        .slider-nav {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }
        
        .slider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: var(--transition);
        }
        
        .slider-dot.active {
            background-color: white;
            transform: scale(1.2);
        }
        
        .slider-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.2);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
            transition: var(--transition);
            z-index: 10;
        }
        
        .slider-arrow:hover {
            background-color: rgba(255, 255, 255, 0.4);
        }
        
        .slider-arrow.prev {
            left: 15px;
        }
        
        .slider-arrow.next {
            right: 15px;
        }
        
        /* 缩略图轮播 - 修复隐藏问题 */
        .thumbnail-slider {
            position: relative;
            padding: 0 40px;
            overflow: hidden; /* 添加这行确保超出部分隐藏 */
        }
        
        .thumbnail-container {
            width: 100%;
            overflow: hidden; /* 添加这行确保超出部分隐藏 */
            position: relative;
        }
        
        .thumbnail-track {
            display: flex;
            gap: 10px;
            transition: transform 0.3s ease;
            width: max-content; /* 确保轨道宽度足够容纳所有缩略图 */
        }
        
        .thumbnail-slide {
            flex: 0 0 calc(25% - 7.5px);
            border-radius: 5px;
            overflow: hidden;
            cursor: pointer;
            opacity: 0.7;
            transition: var(--transition);
            border: 2px solid transparent;
            position: relative;
        }
        
        .thumbnail-slide.active {
            opacity: 1;
            border-color: var(--primary-color);
            transform: scale(1.05);
        }
        
        .thumbnail-slide img {
            width: 100%;
            height: 80px;
            object-fit: cover;
            display: block;
        }
        
        .thumbnail-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: white;
            color: var(--dark-color);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            z-index: 5;
        }
        
        .thumbnail-arrow:hover {
            background-color: var(--light-color);
        }
        
        .thumbnail-arrow.prev {
            left: 0;
        }
        
        .thumbnail-arrow.next {
            right: 0;
        }
        
        /* 产品信息 */
        .product-info {
            padding-top: 20px;
        }
        
        .product-price {
            font-size: 32px;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        
        .product-description {
            color: var(--secondary-color);
            margin-bottom: 30px;
            line-height: 1.8;
        }
        
        .product-features {
            margin-bottom: 30px;
        }
        
        .product-features h3 {
            font-size: 20px;
            margin-bottom: 15px;
            color: var(--dark-color);
        }
        
        .features-list {
            list-style: none;
        }
        
        .features-list li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
        }
        
        .features-list li:before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--success-color);
            font-weight: bold;
        }
        
        .product-actions {
            display: flex;
            gap: 15px;
            margin-bottom: 30px;
        }
        
        .quantity-selector {
            display: flex;
            align-items: center;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
            width: 120px;
        }
        
        .quantity-btn {
            width: 40px;
            height: 40px;
            background-color: #f5f5f5;
            border: none;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: var(--transition);
        }
        
        .quantity-btn:hover {
            background-color: #eaeaea;
        }
        
        .quantity-input {
            width: 40px;
            height: 40px;
            border: none;
            text-align: center;
            font-size: 16px;
            font-weight: 600;
        }
        
        .product-meta {
            display: flex;
            gap: 30px;
            margin-bottom: 30px;
        }
        
        .meta-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: var(--secondary-color);
        }
        
        .meta-item i {
            color: var(--primary-color);
        }
        
        /* 产品规格 */
        .product-specs {
            background-color: var(--light-color);
            padding: 60px 0;
        }
        
        .specs-table {
            width: 100%;
            border-collapse: collapse;
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .specs-table tr {
            border-bottom: 1px solid #f0f0f0;
        }
        
        .specs-table tr:last-child {
            border-bottom: none;
        }
        
        .specs-table td {
            padding: 15px 20px;
        }
        
        .specs-table td:first-child {
            font-weight: 600;
            width: 30%;
            background-color: #f9f9f9;
        }
        
        /* 相关产品 */
        .related-products {
            padding: 60px 0;
        }
        
        .related-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
        }
        
        .related-item {
            background-color: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: var(--transition);
        }
        
        .related-item:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        
        .related-image {
            height: 200px;
            overflow: hidden;
        }
        
        .related-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }
        
        .related-item:hover .related-image img {
            transform: scale(1.05);
        }
        
        .related-info {
            padding: 20px;
        }
        
        .related-info h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: var(--dark-color);
        }
        
        .related-info p {
            color: var(--secondary-color);
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .related-price {
            font-size: 20px;
            font-weight: 700;
            color: var(--primary-color);
            margin-bottom: 15px;
        }
		
		
		.section-content{
			font-size: 16px;
		}
		.section-content img{
			max-width: 100%;
		}
		  /* 响应式设计 */
		        @media (max-width: 992px) {
		            .product-container {
		                grid-template-columns: 1fr;
		                gap: 40px;
		            }
		            
		            .main-slide img {
		                height: 350px;
		            }
		            
		            .thumbnail-slide {
		                flex: 0 0 calc(33.333% - 7px);
		            }
		        }
		        
		        @media (max-width: 768px) {
					.product-header {
					    padding: 20px 0;
					}
		            .product-header h1 {
		                font-size: 32px;
		            }
		            .product-detail-page {
		                margin-top: 60px;
		            }
		            .product-price {
		                font-size: 28px;
		            }
		            
		            .product-actions {
		                flex-direction: column;
		            }
		            
		            .quantity-selector {
		                width: 100%;
		                max-width: 200px;
		            }
		            
		            .product-meta {
		                flex-wrap: wrap;
		                gap: 15px;
		            }
		            
		            .thumbnail-slide {
		                flex: 0 0 calc(33.333% - 7px);
		            }
		            
		            .thumbnail-slider {
		                padding: 0 35px;
		            }
					
					.gallery-item {
					    height: 300px;
					}
		        }
		        
		        @media (max-width: 576px) {
		            .section-title h2 {
		                font-size: 28px;
		            }
		            
		            .product-header h1 {
		                font-size: 28px;
		            }
		            
		            .main-slide img {
		                height: 250px;
		            }
		            
		            .thumbnail-slide {
		                flex: 0 0 calc(50% - 5px);
		            }
		            
		            .thumbnail-slider {
		                padding: 0 30px;
		            }
		        }