* {
   
            box-sizing: border-box;
        }

        a{
            text-decoration: none;
            color:#333;
            /* font-size:18px; */
        }
        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #fff;
            max-width: 1440px;
            margin: 0 auto;
            width: 100%;
        }
        .container {
            width: 100%;
            max-width: 100%;
            margin: 0 auto;
            overflow: hidden;
        }
        
        /* 导航栏样式 */
        header {
            background-color: #fff;
            border-bottom: 1px solid #eee;
            padding: 15px 0;
            position: sticky;
            top: 0;
            z-index: 1000;
            /* box-shadow: 0 2px 5px rgba(0,0,0,0.05); */
        }
        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            /* padding: 0 20px; */
            /* max-width: 1400px; */
            /* margin: 0 auto; */
        }
        .logo {
            font-size: 24px;
            font-weight: bold;
            color: #e60012;
            text-decoration: none;
        }
        .nav-links {
            display: flex;
            list-style: none;
            gap: 70px;
        }
        .nav-links a {
            text-decoration: none;
            color: #333;
            font-size: 18px;
            transition: color 0.3s ease;
        }
        .nav-links a:hover {
            color: #e60012;
        }
.nav-links .artive{

border-bottom:3px solid #e60012;
	padding-bottom:10px;
 
}

        .search-icon {
            color: #333;
            cursor: pointer;
        }
        
        /* 主横幅样式 */
        .hero {
            position: relative;
            width: 100%;
            height: 80vh;
            min-height: 500px;
            background-image: url('./img/4.png');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            color: #fff;
            overflow: hidden;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
        }
        .hero-content {
            position: relative;
            max-width: 800px;
            padding-left: 100px;
        }
        .hero-mission {
            font-size: 54px;
            color: #e60012;
            font-weight: bold;
            margin-bottom: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .hero-title {
            font-size: 48px;
            font-weight: bold;
            margin: 40px 0px;
            line-height: 1.2;
        }
        .hero-subtitle {
            font-size: 18px;
            margin-bottom: 30px;
            max-width: 500px;
        }
        .hero-values {
            margin-bottom: 40px;
            max-width: 500px;
        }
        .hero-values-title {
            font-size: 16px;
            margin-bottom: 10px;
            font-weight: bold;
        }
        .hero-values-content {
            font-size: 14px;
            line-height: 1.8;
        }
        .hero-btn {
            display: inline-block;
            padding: 19px 50px;
            background-color: #e60012;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 20px;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .hero-btn:hover {
            background-color: #c40010;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(230, 0, 18, 0.3);
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .hero-content {
                padding-left: 60px;
            }
            .hero-title {
                font-size: 40px;
            }
        }
         .mobile-menu-btn {
                display: none;
          
            }
        @media (max-width: 992px) {
            .nav-links {
                display: none;
            }
			 body{
			width:98%;	 
				
			}
			.logo img{
				
				width:38%;	
				
			}
            .mobile-menu-btn {
                display: block;
                font-size: 24px;
                color: #333;
                cursor: pointer;
            }
            .hero-content {
                padding-left: 40px;
            }
            .hero-title {
                font-size: 36px;
            }
        }
        
        @media (max-width: 768px) {
            .hero {
                height: 70vh;
                min-height: 400px;
            }
            .hero-content {
                padding-left: 30px;
            }
            .hero-mission {
                font-size: 20px;
            }
            .hero-title {
                font-size: 30px;
            }
            .hero-subtitle {
                font-size: 16px;
            }
            .hero-btn {
                padding: 10px 30px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 576px) {
            nav {
                padding: 0 15px;
            }
            .logo {
                font-size: 20px;
            }
            .hero-content {
                padding-left: 20px;
                padding-right: 20px;
            }
            .hero-mission {
                font-size: 18px;
            }
            .hero-title {
                font-size: 26px;
            }
            .hero-subtitle {
                font-size: 14px;
            }
        }
		
		
		  .container {
            max-width: 100%;
            margin: 0px auto;
            text-align: center;
        }
        
        .section-title {
            font-size: 2.6rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            font-weight: 600;
        }
        
        .section-subtitle {
            font-size: 1.2rem;
            color: #34495e;
            margin-bottom: 3rem;
            line-height: 1.8;
            overflow: hidden;
            text-align: center;
        }
        
        .applications {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
        }
        
        .application-card {
            width: 458px;
            background-color: #fff;
            /* border-radius: 4px; */
            overflow: hidden;
            box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
            cursor: pointer;
            /* border-bottom: 1px solid; */
            /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.4); */
        }
        
        .application-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
        }
        
        .application-image {
            width: 100%;
            height: 403px;
            object-fit: cover;
            display: block;
        }
        
        .application-info {
            padding: 1.5rem;
            text-align: left;
        }
        
        .application-title {
            font-size: 1.6rem;
            color: #2c3e50;
            margin-bottom: 0.8rem;
            font-weight: 600;
        }
        
        .application-desc {
            font-size: 1.2rem;
            color: #7f8c8d;
            line-height: 1.6;
        }
		.kui{
		margin: 70px auto;
		}
   
        /* 联系板块容器 */
        .contact-container {
        
margin: 40px auto;
        
background-color: #fff;
        
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        
overflow: hidden;
        }

        /* 联系信息部分 */
        .contact-info {
            padding: 40px;
            background-color: #f5f5f5;
            color: #fff;
            padding: 10px 40px;
        }

        .contact-info h2 {
            margin-bottom: 30px;
            font-size: 28px;
            position: relative;
            padding-bottom: 15px;
            color: #333;
        }

        .contact-info h2::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background-color: #ff2d2d;
        }

        .info-item {
            /* margin-bottom: 25px; */
            display: flex;
            align-items: flex-start;
        }

        .info-item i {
            font-size: 24px;
            color: #ff2d2d;
            margin-right: 15px;
            margin-top: 5px;
            min-width: 24px;
        }

        .info-item .text h3 {
            font-size: 20px;
            margin-bottom: 5px;
            color: #000;
            /* margin-top: 0px; */
        }

        .info-item .text p {
            color: #000!important;
            font-weight: 300;
            font-size: 18px;
            line-height: 25px;
        }

        .social-links {
            margin-top: 40px;
        }

        .social-links h3 {
            margin-bottom: 20px;
            font-size: 18px;
        }

        .social-links a {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            color: #fff;
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            margin-right: 10px;
            transition: all 0.3s ease;
        }

        .social-links a:hover {
            background-color: #3498db;
            transform: translateY(-3px);
        }

        /* 联系表单部分 */
        .contact-form {
            padding: 10px 40px;
        }

        .contact-form h2 {
            margin-bottom: 30px;
            font-size: 28px;
            color: #333;
            position: relative;
            padding-bottom: 15px;
        }

        .contact-form h2::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 60px;
            height: 3px;
            background-color: #ff2d2d;
        }

        .form-group {
            margin-bottom: 29px;
        }

        .form-group label {
            display: block;
            margin-bottom: 9px;
            font-weight: 500;
            color: #000;
            font-size: 1.2rem;
            font-weight: 900;
        }

        .form-group input,
        .form-group textarea {
            width: 100%;
            padding: 7px 11px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 1.2rem;
            transition: border-color 0.3s ease;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: #3498db;
            box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
        }

        .form-group textarea {
            min-height: 100px;
            resize: vertical;
        }

        button[type="submit"] {
            background-color: #e40f06!important;
            color: #fff!important;
            border: none;
            /* padding: 12px 30px!important; */
            font-size: 1.2rem;
            font-weight: 500;
            /* border-radius: 5px; */
            cursor: pointer;
            transition: all 0.3s ease;
            padding: 0.9rem 1rem;
            border-radius: 5px;
        }

        button[type="submit"]:hover {
            background-color: #2980b9;
            transform: translateY(-2px);
        }

        /* 响应式设计 */
        @media (min-width: 768px) {
            .contact-container {
                display: flex;
                /* float: left; */
                width: 1440px;
                margin: 70px auto;
            }

            .contact-info,
            .contact-form {
                flex: 1;
                width: 50%;
            }
        }

        @media (max-width: 767px) {
            .contact-info,
            .contact-form {
                width: 100%;
            }

            .contact-info {
                padding: 30px 20px;
            }

            .contact-form {
                padding: 30px 20px;
            }

            .contact-info h2,
            .contact-form h2 {
                font-size: 24px;
            }
        }
   
                                .section-title {
                                    text-align: center;
                                    margin: 30px 0 30px;
                                    color: #333;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    /* color: white; */
                                    font-weight: bold;
                                    /* box-shadow: 0 4px 6px rgba(0,0,0,0.1); */
                                    /* background: linear-gradient(90deg, 
                    rgba(220, 38, 38, 0.1) 0%, 
                    rgba(220, 38, 38, 0.5) 50%, 
                    rgba(220, 38, 38, 0.1) 100%); */
                                    width: 100%;
                                    margin: 0 auto;
                                    /* border-radius: 54px; */
                                }
     
                background: linear-gradient(90deg, 
                    rgba(220, 38, 38, 0.2) 0%, 
                    rgba(220, 38, 38, 1) 50%, 
                    rgba(220, 38, 38, 0.2) 100%);
            
               
                                .lianxi_container {
                                    max-width: 1440px;
                                    margin: 0 auto;
                                    overflow: hidden;
                                    float: left;
                                }

                                .card-container {
                                    display: flex;
                                    flex-wrap: wrap;
                                    /* gap: 20px; */
                                    justify-content: space-between;
                                    padding: 60px 0px;
                                }

                                .card {
                                    flex: 1;
                                    min-width: 280px;
                                    max-width: calc(33.333% - 20px);
                                    background-color: #f8f9fa;
                                    border-radius: 0px;
                                    padding: 30px;
                                    text-align: center;
                                    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                                    transition: transform 0.3s ease, box-shadow 0.3s ease;
                                    border: none;
                                }

                                .card:hover {
                                    transform: translateY(-5px);
                                    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
                                }

                                .lianxi_icon {
                                    font-size: 60px;
                                    margin-bottom: 20px;
                                    color: #3498db;
                                }

                                .card-title {
                                    font-size: 22px;
                                    margin-bottom: 15px;
                                    color: #2c3e50;
                                }

                                .card-desc {
                                    color: #666;
                                    margin-bottom: 20px;
                                }

                                .card-link {
                                    display: inline-block;
                                    color: #ff2d2d;
                                    text-decoration: none;
                                    font-weight: bold;
                                    padding: 19px 16px;
                                    border: 1px solid #ff2d2d;
                                    border-radius: 5px;
                                    transition: all 0.3s ease;
                                    font-size: 18px;
                                }

                                .card-link:hover {
                                    background-color: #ff2d2d;
                                    color: white;
                                }

                                /* 响应式设计 */
                                @media (max-width: 992px) {
                                    .card {
                                        max-width: calc(50% - 20px);
                                    }
                                }

                                @media (max-width: 768px) {
                                    .card {
                                        max-width: 100%;
                                    }

                                    .section-title {
                                        font-size: 24px;
                                    }

                                    .icon {
                                        font-size: 50px;
                                    }
                                }

                                /* 自定义图标 */
                                .icon-download::before {
                                    content: "📥";
                                }

                                .icon-faq::before {
                                    content: "❓";
                                }

                                .icon-contact::before {
                                    content: "📞";
                                }
                       

	 
  .applications2 {
            display: flex;
            justify-content: space-between;
            gap: 1rem;
            flex-wrap: wrap;
            position:relative;
        }
		
		 .application-card2{
			 
width: 32.5%;
			 
height: 403px;
			 
position: relative;
	}
 
 
 .application-info2{
	 position:absolute;
	 height:0px;
	 bottom:0px;
	 
 }
.application-card4{
	width: 100%;
	height: 503px;
	position: relative;
	}
 
 .application-card2:hover .application-info2{
	 
	 height:100%;
	 
 }
 
  .application-card4:hover .application-info2{
	 
	 height:100%;
	 
 }
 
  .application-info2{
	 position:absolute;
	 height: 100%;
	 background: #fff;
	 width: 100%;
	 transition: all .5s;
	 overflow: hidden;
	 box-sizing: border-box;
	 background-color: rgb(61 60 60 / 60%);
	}
 .application-card2 .application-title {
    font-size: 1.6rem;
    color: #fff;
    margin-top: 37%;
    font-weight: 600;
}
.application-card2 .application-desc {
    font-size: 1.2rem;
    color: #fff;
    line-height: 2.6;
}
 .application-card4 .application-title {
    font-size: 1.6rem;
    color: #fff;
    margin-top: 0.8rem;
    font-weight: 600;
    margin-top: 11%;
}
.application-card4 .application-desc {
    font-size: 1.2rem;
    color: #fff;
    line-height: 2.6;
}

.dk h3{
	font-size: 1.2rem;
	/* margin-bottom: 20px; */
	color: #fff;
}
.dk ul li{
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.bq{
	
background-color: #000;
	
padding: 15px 20px;
	
margin-top: 40px;
	
font-size: 16px;">
}
.bq1{
 font-size: 1.2rem;
 margin: 0 auto;
 text-align: center;
}

.foot{background-color: #333;color: white;padding: 40px 20px;position: relative;min-height: 300px;}

.bq1 a{
 font-size: 1.2rem;
 color: white;
 text-decoration: underline;
}
 .dk img{
	 
	 
	 width: 100px; height: 100px; margin-bottom: 10px;
 }
  .dk ul{
	 
		list-style: none; padding: 0; 
	 
 }
 .application-card4 .application-image{
	 
	 height:503px;
	 
 }
   .dk ul li a{
	 color:#fff;
	 font-size: 1.2rem;
	}
    .content {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      flex-direction: row-reverse;
    }

    .content img {
      width: 100%;
      max-width: 690px;
      height: auto;
      /* margin-bottom: 20px; */
      border-radius: 60px 0 60px 0;
    }

    .content p {
      flex: 1;
      font-size: 1.2rem;
      line-height: 2.0;
      margin: 0;
      /* padding: 0px 36px; */
      overflow: hidden;
      width: 100%;
      margin-top: 40px;
      padding-right: 41px;
      text-align: left;
    }

    @media (max-width: 768px) {
      .content {
        flex-direction: column;
      }

      .content p {
        padding-left: 0;
        margin-top: 20px;
        padding-right: 0px;
      }
    }
    
 
    
    
      .solution-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 -10px;
    }

    .solution-item {
      flex: 0 0 calc(25% - 20px);
      margin: 10px;
      position: relative;
      overflow: hidden;
      /* border-radius: 8px; */
    }

    .solution-item img {
      width: 100%;
      height: auto;
      display: block;
    }

    .solution-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 15px;
      box-sizing: border-box;
    }
	.solution-overlay:hover{
background-color: rgba(0, 0, 0, 0.8);

	 transform: scale(1.2);
		transition: opacity 0.5s ease-out, transform 0.5s ease-out;
 
        

	}

 
           


    .solution-title {
      color: #fff;
      font-size: 1.6rem;
      margin-bottom: 8px;
    }

    .solution-desc {
      color: #fff;
      font-size: 1.2rem;
    }

    @media (max-width: 1024px) {
      .solution-item {
        flex: 0 0 calc(33.333% - 20px);
      }
    }

    @media (max-width: 768px) {
      .solution-item {
        flex: 0 0 calc(50% - 20px);
      }
    }

    @media (max-width: 480px) {
      .solution-item {
        flex: 0 0 calc(100% - 20px);
      }
    }  
    .arti{
        text-align: left;
        
    }
     .arti p,.arti span{
     line-height: 2.6rem!important;
     font-size: 22px!important;
 }
 
    .arti h1,.arti h2,.arti h3,.arti h4,.arti h5,.arti h6{
     line-height: 2.6rem!important;
     font-size: 32px!important;
 }
 
 
 
 
 .arti img{
    max-width: 100%;
 }
         .follow-section {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 50px 70px;
            background-color: #f2f3f7;
        }
        .follow-text {
            text-align: left;
        }
        .follow-title {
            font-size: 1.6rem;
            color: #333;
            margin-bottom: 15px;
        }
        .follow-desc {
            font-size: 1.2rem;
            color: #666;
        }
        .qr-code {
            width: 200px;
            height: 200px;
            background: url('https://via.placeholder.com/200') no-repeat center center;
            background-size: cover;
            border: 5px solid #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
         .qr-code img{
                width: 100%;
              
            }
        /* 响应式处理，小屏幕下文字和二维码上下排列 */
        @media (max-width: 768px) {
            .follow-section {
                flex-direction: column;
                text-align: center;
            }
            .follow-text {
                margin-bottom: 30px;
            }
            .qr-code {
                width: 150px;
                height: 150px;
            }
        }
        
       
             .breadcrumb-container {
            /* display: inline-flex; */
            /* align-items: center; */
            padding: 10px 0px;
            /* background: #f5f5f5; */
            /* border-radius: 6px; */
            /* font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; */
            /* box-shadow: 0 0 10px rgb(211 211 211); */
            position: relative;
            overflow: hidden;
            /* margin: 30px 0px; */
            border-bottom: 1px solid #e4e4e4;
            font-size: 1.2rem;
        }
        
        /* 顶部光效装饰 */
        .breadcrumb-container::before {
            /* content: ''; */
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(90deg, 
                rgba(59, 130, 246, 0) 0%, 
                rgba(59, 130, 246, 0.8) 50%, 
                rgba(59, 130, 246, 0) 100%);
        }
        
        /* 分隔符样式 */
        .breadcrumb-container > span {
            color: #6e7681;
            margin: 0 8px;
            font-size: 14px;
            position: relative;
        }
        
        /* 分隔符光效 */
        .breadcrumb-container > span::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(59, 130, 246, 0.1);
            z-index: 0;
        }
        
        /* 链接基础样式 */
        .crumb {
            /* color: #c9d1d9; */
            text-decoration: none;
            /* font-size: 14px; */
            position: relative;
            padding: 2px 0;
            transition: all 0.3s ease;
            z-index: 1;
        }
        
        /* 链接悬停效果 */
        .crumb:hover {
            color: #58a6ff;
        }
        
        /* 链接下划线动画 */
        .crumb::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background: #58a6ff;
            transition: width 0.3s ease;
        }
        
        .crumb:hover::after {
            width: 100%;
        }
        

        .section-{
            
            margin: 0px;
    font-size: 2.5rem;
    color: #313131;
    font-weight: bold;
    text-align: left;
        }
        
       .gy span{
            font-size: 2.375rem;
            line-height: 1;
            color: #ff0707;
            opacity: 0.45;
            text-transform: uppercase;
            font-family: Poppins-Light;
            float: left;
            margin-bottom: 40px;
        }
        
           .tabs .artive{
       border-bottom: 8px solid;
        color: #ff2d2d;
    border-color: #ff2d2d;
        font-weight: 800;
   
    }
  .breadcrumb-container .artive:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #e50f05;
    position: absolute;
    top: 114%;

}
    .tab22{
        float:right;
        margin-left: 30px;
        line-height: 57px;
        position: relative;
    } 
      table{
          width: 100%;
          border: 1px solid #333;
          border: none;
          border-collapse: collapse;
      } 
      
      
      tr{
          height: 30px;
      }  
      
     
      
      td, th {
            border: none; /* 清除单元格边框 */
            padding: 8px; /* 可选：添加内边距，让内容更美观 */
        }

        /* 可选：添加分隔线（如需） */
       td{
            border: 1px solid #b3b3b3; /* 行底部分隔线 */
        }
        tr:last-child {
            border-bottom: none; /* 最后一行去掉分隔线 */
        }
      
       .div{
      float: right;
       
   } 
      @media screen and (max-width:640px){
          .dk{
              width:50%;
              
          }
          .foot {
 
    padding: 20px 20px;
    
}
   .bq {
 
    padding: 5px 10px;
    margin-top: 20px;
}  

.bq1,.bq1 a{
    font-size: 16px;
 
}

.application-card2 {
    width: 100%;
    height:auto;
}
.application-card2 .application-title {
    font-size: 1.6rem;
 
    margin-top: 3%;
   
}
.application-image {
 
    height: auto;
 
}
.application-card4 .application-image {
    height: auto;
}
.application-card4 {
    height: auto;
}
.application-card4 .application-title {
 
    margin-top: 3%;
}
.applications2 {
    display: flex;
    gap: 1rem;
}
 .project-item .time2 {

    height: 1.5rem;
 
}   
    
    
   .div{
       display: none;
       
   } 
    
    
    .kui {
    margin: 10px auto;
}
    
  .content img {
    border-radius: 10px 0 10px 0;
}  
    
    
    
    
    
    
    
    
    
    
      }