/*-------整屏轮播---------------*/
 * {
            padding: 0;
            margin: 0;
        }
ol, ul {
	list-style: none;
	text-decoration:none;
}
a {
  text-decoration: none;
}
html,body {
            width: 100%;
            height: 100%;
            overflow: hidden;
			text-decoration:none;
			list-style:none;
			-webkit-font-smoothing: antialiased;
			color: #333;
			text-size-adjust: none;
			-webkit-text-size-adjust: none;
			background-color: #FFF;
			height: 100%;
			font: 14px/1.8 "HarmonyOS";
        }
.container {
            position: relative;
            height: 100vh;
            width: 100%;
            transition: transform 0.8s ease;
        }
/*----------导航+轮播------------*/        
        .section {
            height: 100vh;
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        
        .section-content {
            width:100%;
            z-index: 2;
			height:950px;
        }
        
        .section-indicator {
            position: fixed;
            top: 15px;
            left: 50%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 14px;
            z-index: 1000;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .controls {
            position: fixed;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            list-style: none;
            z-index: 100;
        }
        
        .controls li {
		width: 53px;
		height: 20px;
		text-align: center;
		border-radius: 15%;
		background: rgba(255, 255, 255, 0.4);
		margin: 10px 0;
		padding-bottom: 10%;
		cursor: pointer;
		position: relative;
		transition: background 0.3s ease;
		}
        
        .controls li.active {
            background:#0929a3;
			color:#fff;
        }
        
        .controls li::after {
            content: attr(data-title);
            position: absolute;
            right: 25px;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            padding: 5px 12px;
            border-radius: 4px;
            font-size: 12px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }
        
        .controls li:hover::after {
            opacity: 1;
        }
        /* 各section背景色 */
        .section1 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%;}
        .section2 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%;}
        .section3 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%; }
        .section4 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%; }
        .section5 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%;}
        .section6 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%;}
        .section7 { background:url(../images/ban/5.jpg) no-repeat;background-size:100% 100%;}
        .section8 { background:url(../images/ban/2.jpg) no-repeat;background-size:100% 100%;}
        .section9 { background:url(../images/ban/3.jpg) no-repeat;background-size:100% 100%;}
		.section10 { background:url(../images/ban/2.jpg) no-repeat;background-size:100% 100%;}
		.section11 { background:url(../images/ban/9.jpg) no-repeat;background-size:100% 100%;}
		/* 导航栏样式 */
        .navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 20px 5%;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            transition: background 0.3s ease;
			border-bottom: 1px solid rgba(255, 255, 255, .2);
        }
        
        .navbar.scrolled {
            background: rgb(18 74 157 / 90%);
            padding: 15px 5%;
        }
        
        .mg_logo {
			width:2%;
			margin:0px 2%;
			float:left;
            color: white;
            font-size: 1.8rem;
            font-weight: bold;
            letter-spacing: 1px;
        }
        .mg_logo img{width:100%;float:left;}
        .nav-links {
            width:60%;
			height:60px;
			float:left;
			margin-top:0.3%;
			margin-left:2%;
        }
        
        .nav-links li {
            height:80px;
			padding-right:2%;
			float:left;
        }
        
        .nav-links a {
            color:#fff;
			font-size:17px;
			line-height:65px;
        }
        
        .nav-links a:hover {
            color: #4facfe;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            h2 {
                font-size: 2rem;
            }
            
            p {
                font-size: 1rem;
            }
            
            .controls {
                right: 15px;
            }
            
            .controls li::after {
                display: none;
            }
        }
.mg_zhjs{width:30%;margin-top:1%;position:fixed;top:0px;color:#fff;right:0px;z-index:1000;float:right;}
.mg_zhjs span{width:45%;margin-top:1.7%;float:left;color:#fff;font-size:20px;}
.mg_zhjs span b{font-size:25px;}
.mg_zhjs font{float:left;margin-right:1%;color:#fff;font-size:16px;}
.jij_ser{width:25%;margin-left:7%;float:left;}
.jij_ser form{ width:100%;float:left;align-items: center; height: 36px;line-height: 34px; border-radius: 18px;border: solid 1px #fff;padding-right: 12px;}
.search-sub {width:10%; margin-top:5%;height: 18px;font-size: 18px; border:none;color: #c39c61;cursor: pointer;background:transparent;}
.search-inp{width:85%;color:#fff;padding-left:5%;float:left;border:none;background:transparent;outline:none;height:38px;box-sizing:border-box;}
.search-sub img{width:100%;float:left;}
.jj_ncp{width:100%;display:none;position:fixed;top:8%;left:0px;z-index:999;height:1000px; background-color:#fff; /* 浅蓝，透明度 50% */float:left;}
.jj_ncpa{width:80%;padding-top:1%;float:left;margin:0px 10%;}
.jud_a{width:15%;padding:1%;box-shadow: 0 0 10px rgba(0, 0, 0, .3);float:left;margin:0.8%;border:solid 1px #e1e1e1;border-radius:20px;}
.jud_a span{width:80%;margin-left:20%;margin-top:5%;float:left;padding-left:16%;font-size:16px;line-height:65px;height:65px;color:#fff;font-weight:bold;background:url(../images/icon44.png) 10px 8px no-repeat;background-size:100% 80%;}
.jud_a span a{color:#fff;}
.jud_a ul{width:70%;margin-left:20%;float:right;}
.jud_a ul li{width:100%;height:30px;overflow:hidden;float:left;}
.jud_a ul li a{width:100%;float:left;font-size:14px;line-height:30px;color:#222;}

/*----------导航+轮播------------*/ 
/*----------产品中心------------*/ 
.hunh_a{width:100%;height:100vh;float:left;}
.hunh_a img{width:100%;height:98%;float:left;}
.hunh_b{width:100%;position:relative;top:0px;left:0px;z-index:50;margin-top:5%;float:left;}
.hunh_ba{width:100%;float:left;}
.hunh_ba span{width:100%;float:left;line-height:70px;font-size:45px;text-align:center;}
.hunh_ba p{width:100%;float:left;font-size:15px;line-height:25px;text-align:center;margin-bottom:1%;}
.hunh_ba span b{line-height:70px;font-size:70px;color:#0564c9;}
.hunh_bb{width:100%;float:left;}
.hunh_bb span{width:100%;height:auto;float:left;}
.hunh_bb span img{width:100%;height:100%;float:left;}
#bb2,#bb3,#bb4{display:none;}
.hunh_cc{width:35%;height:88%;float:right;position:absolute;top:12.2%;right:0px;z-index:300;background: rgba(0, 49, 113, 0.77);}
.hunh_cc span{width:96%;padding:4% 2% 7% 2%;float:left;border-bottom: 1px solid rgba(255, 255, 255, 0.18);color:#fff;transition: .5s;}
.hunh_cc span a b{width:100%;font-size:31px;font-weight:normal;float:left; color: rgba(255, 255, 255, 0.37);}
.hunh_cc span a font p{font-size:25px;float:left;font-weight:bold;padding-right:2%;}
.hunh_cc span a font{width:100%;float:left;color:#fff;}
.hunh_cc span a i{width:100%;float:left;color: rgba(255, 255, 255, 0.37);}
.hunh_cc span:hover{background: rgba(0, 49, 113, 0.77);}
.hunh_cc span:hover  a font p{color:#fc7449;}
.hunh_cc span:hover b {color:#fc7449;}
.hunh_dd{width:80%;position:relative;top:0px;left:0px;z-index:50;float:left;margin:0px 10%;}
.hunh_dda{width:100%;margin-top:8%;float:left;}
.hunh_dda span{width:100%;float:left;}
.hunh_dda span i{width:100%;float:left;font-size:45px;line-height:50px;}
.hunh_dda span p{width:100%;float:left;font-size:55px;line-height:55px;margin-top:3%;color:#1c499e;}
.hunh_dda span font{width:100%;float:left;font-size:16px;line-height:25px;margin-top:3%;}
.hunh_ddb{width:80%;margin-top:14%;float:left;}
.hunh_ddb span{width:24%;margin:0.5%;float:left;background-color:#f9f9f9;}
.hunh_ddb span a{width:100%;float:left;font-size:17px;text-align:center;line-height:60px;color:#666666;}
.huh_dda{width:40%;margin-left:10%;margin-top:5%;float:left;}
#syy1{background:linear-gradient(to right, #285ca7, #6683e9);border-radius:0px 0px 50% 0px;}
#syy1 a{color:#fff;}
#tjj2,#tjj3,#tjj4,#tjj5,#tjj6,#tjj7,#tjj8,#tjj9{display:none;}
.huh_ddb{width:50%;margin-top:3%;float:right;}
.huh_ddb span{width:100%;height:auto;float:left;}
.huh_ddb span img{width:100%;height:100%;float:left;}
.huh_ddc{width:50%;margin-left:5%;float:left;background-color:#fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);box-sizing: border-box;position:absolute;bottom:5%;left:0px;z-index:500;}
.huh_ddc span{width:19.5%;float:left;color:#003171;margin-top:3%;padding:1% 0px;margin-bottom:3%;border-right:solid 1px #e1e1e1;text-align:center;font-size:18px;}
.hunh_dcb{width:80%;margin-top:14%;float:left;}
.hunh_dcb span{width:32%;border:solid 1px #e1e1e1;border-radius:0px 0px 50% 0px;margin:0.5%;float:left;}
.hunh_dcb span a{width:100%;float:left;font-size:17px;text-align:center;line-height:60px;color:#333;}
#bb6,#bb7,#bb8{display:none;}
.spkj_g1{width:100%;float:left;margin-top:1%;}
/*----------产品中心------------*/ 
/*----------解决方案------------*/ 
.news-container {
            width: 90%;
			margin:5% 5% 0px 5%;
			float:left;
            height: 800px;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        /* 头部样式 */
        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.5rem;
            font-weight: 700;
        }
        
        .header-actions {
            display: flex;
            gap: 15px;
        }
        
        .search-box {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 20px;
            padding: 8px 15px;
        }
        
        .search-box input {
            border: none;
            background: transparent;
            outline: none;
            color: white;
            width: 180px;
            margin-left: 8px;
        }
        
        .search-box input::placeholder {
            color: rgba(255, 255, 255, 0.7);
        }
        
        .theme-toggle {
            background: rgba(255, 255, 255, 0.2);
            border: none;
            color: white;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }
        
        /* 内容区域样式 */
        .content-wrapper {
            display: flex;
            flex: 1;
            overflow: hidden;
        }
        
        /* 侧边导航 */
        .sidebar {
            width: 250px;
            background: #f8fafc;
            padding: 20px;
            border-right: 1px solid #e2e8f0;
            overflow-y: auto;
        }
        
        .sidebar-title {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 20px;
            color: #475569;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .category-links {
            list-style: none;
        }
        
        .category-links li {
            margin-bottom: 8px;
        }
        
        .category-links a {
            display: block;
            text-decoration: none;
            color: #475569;
            padding: 10px 15px;
            border-radius: 8px;
            font-weight: 500;
            transition: all 0.3s;
        }
        
        .category-links a:hover, .category-links a.active {
            background-color:rgb(18 74 157 / 90%);
            color: white;
        }
        
        .category-links i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }
        
        /* 主内容区域 */
        .main-content {
			width:100%;float:left;
        }
        
        .category-nav {
            padding: 15px 25px;
            border-bottom: 1px solid #e2e8f0;
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
        
        .category-nav a {
            text-decoration: none;
            color: #64748b;
            padding: 6px 15px;
            border-radius: 20px;
            font-weight: 500;
            font-size: 0.9rem;
            transition: all 0.3s;
        }
        
        .category-nav a:hover, .category-nav a.active {
            background-color: #2563eb;
            color: white;
        }
        
        .news-feed {
            flex: 1;
            overflow-y: auto;
            padding: 25px;
        }
        
        .section-title {
            font-size: 1.3rem;
            margin-bottom: 20px;
            color: #1e293b;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .view-all {
            font-size: 0.9rem;
            color: #2563eb;
            text-decoration: none;
        }
        
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 25px;
            margin-bottom: 30px;
			margin-top:4%;
        }
        
        .news-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        
        .news-image {
            width: 100%;
            height:auto;
            object-fit: cover;
        }
        
        .news-content {
            padding: 20px;
        }
        
        .news-tag {
            display: inline-block;
            background-color: #eff6ff;
            color: #2563eb;
            padding: 5px 12px;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: 600;
            margin-bottom: 12px;
        }
        
        .news-title {
            font-size: 1.1rem;
            margin-bottom: 12px;
            line-height: 1.4;
            color: #1e293b;
        }
        
        .news-excerpt {
            color: #64748b;
            margin-bottom: 15px;
            font-size: 0.95rem;
        }
        
        .news-meta {
            display: flex;
            justify-content: space-between;
            color: #94a3b8;
            font-size: 0.85rem;
        }
.section-ile{width:100%;float:left;}
.section-ile span{width:80%;float:left;font-size:45px;padding:5% 10%;}
/*----------解决方案------------*/ 
/*----------新闻资讯------------*/ 
.lunh_anli{width:90%;float:left;margin:8% 5% 0px 5%;}
/* 案例网格样式 */
.tainer {
            width: 100%;
			float:left;
            transition: transform 0.8s ease;
        }
        .cases-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 25px;
            padding: 20px 0 60px;
			margin-top:3%;
        }
        
        .case-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
            border: 1px solid rgba(0, 0, 0, 0.05);
        }
        
        .case-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        
        .case-img {
            height: 400px;
            overflow: hidden;
            position: relative;
        }
        
        .case-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        
        .case-card:hover .case-img img {
            transform: scale(1.08);
        }
        
        .case-content {
            padding: 22px;
        }
        
        .case-tag {
            display: inline-block;
            background: rgba(44, 127, 230, 0.08);
            color: #2c7fe6;
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 0.8rem;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .case-title {
            font-size: 1.3rem;
            margin-bottom: 12px;
            color: #222;
            font-weight: 600;
        }
        
        .case-desc {
            color: #666;
            margin-bottom: 20px;
            font-size: 0.9rem;
            line-height: 1.5;
        }
        
        .case-link {
            display: inline-flex;
            align-items: center;
            color: #2c7fe6;
            text-decoration: none;
            font-weight: 500;
            font-size: 0.95rem;
        }
        
        .case-link i {
            margin-left: 8px;
            transition: transform 0.3s;
            font-size: 0.9rem;
        }
        
        .case-link:hover i {
            transform: translateX(5px);
        }
/*----------新闻资讯------------*/ 
/*----------客户案例------------*/ 
.jhej_al{width:80%;float:left;margin:7% 10% 0px 10%;}
 /* 主内容区域 */ 
        /* 左侧内容 */
        .content-left {
			width:28%;
			margin-left:8%;
			margin-top:3%;
			float:left;
            flex-direction: column;
            justify-content: center;
        }
        
        .hero-title {
            font-size: 52px;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .hero-title span {
            background: linear-gradient(90deg, #0074d9, #4ecdc4);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        .hero-description {
            font-size: 18px;
            color: #666;
            max-width: 500px;
            margin-bottom: 40px;
        }
        
        .cta-buttons {
            display: flex;
            gap: 15px;
        }
        
        .btn {
            padding: 14px 30px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .btn-primary {
            background: linear-gradient(90deg, #0074d9, #4ecdc4);
            color: white;
            border: none;
        }
        
        .btn-secondary {
            background-color: transparent;
            color: #0074d9;
            border: 2px solid #e0e0e0;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        /* 右侧内容 */
        .content-right {
			width:70%;
			float:right;
            position: relative;
        }
        
        .solution-cards {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            height: 100%;
        }
        
        .solution-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            padding: 25px;
            border: 1px solid #f5f5f5;
        }
        
        .solution-card:nth-child(1) {
            background: linear-gradient(135deg, #f6f9fc, #e8f4ff);
        }
        
        .solution-card:nth-child(2) {
            background: linear-gradient(135deg, #f6f9fc, #e8fff4);
            margin-top: 30px;
        }
        
        .solution-card:nth-child(3) {
            background: linear-gradient(135deg, #f6f9fc, #fff4e8);
            margin-top: -30px;
        }
        
        .solution-card:nth-child(4) {
            background: linear-gradient(135deg, #f6f9fc, #f8e8ff);
        }
        
        .solution-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
        }
        
        .card-icon {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            font-size: 24px;
        }
        
        .card-icon.blue {
            background-color: #0074d9;
            color: white;
        }
        
        .card-icon.green {
            background-color: #4ecdc4;
            color: white;
        }
        
        .card-icon.orange {
            background-color: #ff851b;
            color: white;
        }
        
        .card-icon.purple {
            background-color: #b10dc9;
            color: white;
        }
        
        .solution-card h3 {
            font-size: 20px;
            margin-bottom: 15px;
            color: #1a1a1a;
        }
        
        .solution-card p {
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        /* 底部区域 */
        .stats {
			width:100%;float:left;
			margin-top:5%;
            justify-content: space-between;
            padding: 30px 0;
            border-top: 1px solid #f0f0f0;
        }
        
        .stat-item {
			width:25%;float:left;
            text-align: center;
        }
        
        .stat-number {
            font-size: 32px;
            font-weight: 700;
            color: #0074d9;
            margin-bottom: 5px;
        }
        
        .stat-label {
            font-size: 14px;
            color: #666;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .main-content {
                flex-direction: column;
            }
            
            .hero-title {
                font-size: 42px;
            }
            
            .content-right {
                margin-top: 40px;
            }
            
            .solution-card:nth-child(2),
            .solution-card:nth-child(3) {
                margin-top: 0;
            }
        }
        
        @media (max-width: 576px) {
            .solution-cards {
                grid-template-columns: 1fr;
            }
            
            .hero-title {
                font-size: 36px;
            }
            
            .stats {
                flex-wrap: wrap;
                gap: 20px;
            }
            
            .stat-item {
                flex: 1 0 50%;
            }
        }
.ase-card {
			width:32%;
			margin-right:0.5%;
			float:left;
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            transition: transform 0.3s, box-shadow 0.3s;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
            border: 1px solid rgba(0, 0, 0, 0.05);
        }
/*----------客户案例------------*/ 
/*----------联系我们------------*/ 
.contact-container {
            width: 90%;
			margin:7% 5% 0px 5%;
            height:800px;
           border-radius: 20px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
            display: flex;
            overflow: hidden;
        }
        
        .contact-left {
            flex: 1;
            background: linear-gradient(135deg, #1a2980, #26d0ce);
            color: white;
            padding: 50px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .contact-left::before {
            content: '';
            position: absolute;
            width: 200px;
            height: 200px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            top: -50px;
            left: -50px;
        }
        
        .contact-left::after {
            content: '';
            position: absolute;
            width: 150px;
            height: 150px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            bottom: -50px;
            right: -50px;
        }
        
        .contact-right {
            flex: 1.2;
            padding: 50px 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background: #fff;
        }
        
        .contact-title {
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 15px;
            color: #fff;
            position: relative;
            z-index: 2;
        }
        
        .contact-subtitle {
            font-size: 1.2rem;
            margin-bottom: 10px;
            opacity: 0.9;
            line-height: 1.6;
            position: relative;
            z-index: 2;
        }
        
        .contact-info {
            margin: 15px 0;
            position: relative;
            z-index: 2;
        }
        
        .info-item {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            transition: transform 0.3s ease;
        }
        
        .info-item:hover {
            transform: translateX(5px);
        }
        
        .info-item i {
            font-size: 1.5rem;
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
            transition: transform 0.3s ease;
        }
        
        .info-item:hover i {
            transform: scale(1.1);
            background: rgba(255, 255, 255, 0.2);
        }
        
        .info-text {
            font-size: 1.1rem;
        }
        
        .info-text h3 {
            font-size: 1.2rem;
            margin-bottom: 5px;
            font-weight: 600;
        }
        
        .info-text p {
            opacity: 0.9;
        }
        
        .social-icons {
            display: flex;
            margin-top:0px;
            position: relative;
            z-index: 2;
        }
        
        .social-icons a {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            margin-right: 15px;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .social-icons a:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: translateY(-5px);
        }
        
        .support-title {
            font-size: 2.2rem;
            color: #1a2980;
            margin-bottom: 40px;
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }
        
        .support-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background: linear-gradient(to right, #1a2980, #26d0ce);
            border-radius: 2px;
        }
        
        .support-desc {
            color: #666;
            margin-bottom: 30px;
            line-height: 1.6;
            font-size: 1.1rem;
        }
        
        .input-group {
            position: relative;
            margin-bottom: 30px;
        }
        
        .input-group input,
        .input-group textarea,
        .input-group select {
            width: 100%;
            padding: 18px 20px;
            font-size: 1.1rem;
            border: none;
            border-bottom: 2px solid #ddd;
            background: #f9f9f9;
            border-radius: 8px;
            outline: none;
            transition: all 0.3s ease;
        }
        
        .input-group textarea {
            min-height: 120px;
            resize: none;
        }
        
        .input-group input:focus,
        .input-group textarea:focus,
        .input-group select:focus {
            border-bottom: 2px solid #1a2980;
            background: #fff;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .input-group label {
            position: absolute;
            top: 18px;
            left: 20px;
            font-size: 1.1rem;
            color: #777;
            pointer-events: none;
            transition: all 0.3s ease;
        }
        
        .input-group input:focus ~ label,
        .input-group input:valid ~ label,
        .input-group textarea:focus ~ label,
        .input-group textarea:valid ~ label,
        .input-group select:focus ~ label,
        .input-group select:valid ~ label {
            top: -12px;
            left: 10px;
            color: #1a2980;
            font-size: 0.9rem;
            background: #fff;
            padding: 0 10px;
        }
        
        .submit-btn {
            padding: 16px 45px;
            background: linear-gradient(to right, #1a2980, #26d0ce);
            color: white;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            display: inline-block;
            margin-top: 10px;
        }
        
        .submit-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
            background: linear-gradient(to right, #26d0ce, #1a2980);
        }
        
        .support-features {
            display: flex;
            flex-wrap: wrap;
            margin-top: 30px;
        }
        
        .feature {
            display: flex;
            align-items: center;
            width: 50%;
            margin-bottom: 20px;
            color: #444;
        }
        
        .feature i {
            color: #1a2980;
            font-size: 1.2rem;
            margin-right: 10px;
        }
        
        .guarantee-badge {
            text-align: center;
            margin-top: 30px;
            padding: 15px;
            background: #f0f9ff;
            border-radius: 10px;
            border-left: 4px solid #1a2980;
        }
        
        .guarantee-badge i {
            font-size: 2rem;
            color: #1a2980;
            margin-bottom: 10px;
        }
        
        .guarantee-badge h4 {
            color: #1a2980;
            margin-bottom: 5px;
        }
        
        @media (max-width: 900px) {
            .contact-container {
                flex-direction: column;
                height: auto;
            }
            
            .contact-left, .contact-right {
                padding: 30px;
            }
            
            .contact-title {
                font-size: 2.2rem;
            }
            
            .support-title {
                font-size: 1.8rem;
            }
        }
.nj_fod{width:100%;float:left;}
.nj_fod span{width:100%;float:left;}
.youlian{width:100%;float:left;}
.youlian span{width:100%;float:left;}
.youlian span a{float:left;margin:0.2%;font-size:10px;color:#a3b6d9}
/*----------联系我们------------*/ 

@media (min-width: 2001px) {
.hunh_b{margin-top:7%;}
.news-container{margin-top:12%;}
.lunh_anli{margin-top:10%;}
.jhej_al,.contact-container{margin-top:12%;}
.cases-grid{display:block;}
.case-card{width:23%;margin:0.5%;float:left;}
.huh_dda{margin-left:5%;}
.content-left{margin-left:2%;}
}
@media screen and (min-width:1600px) and (max-width:1800px) {
.mg_zhjs{width:35%;}
.hunh_cc{height:700px;}
.hunh_ddb span a,.hunh_dcb span a{font-size:15px;}
.huh_ddc span{font-size:16px;}
.cases-grid{display:block;}
.case-card{width:23%;height:472px;margin:0.5%;float:left;}
.huh_dda{margin-left:3%;}
.huh_ddc{width:60%;margin-left:0px;}
}
@media screen and (min-width:1501px) and (max-width:1599px) {
.mg_zhjs{width:35%;}
.hunh_cc{height:700px;}
.hunh_ddb span a,.hunh_dcb span a{font-size:15px;}
.huh_ddc span{font-size:16px;}
.cases-grid{display:block;}
.case-card{width:23%;height:472px;margin:0.5%;float:left;}
.huh_dda{margin-left:3%;}
.huh_ddc{width:60%;margin-left:0px;}
}

@media screen and (min-width:1200px) and (max-width:1500px) {
.mg_zhjs{width:40%;}
.hunh_cc{height:700px;}
.hunh_ddb span a,.hunh_dcb span a{font-size:15px;}
.huh_ddc span{font-size:16px;}
.cases-grid{display:block;}
.case-card{width:23%;height:472px;margin:0.5%;float:left;}
.huh_dda{margin-left:0px;}
.huh_ddc{width:60%;margin-left:0px;}
.section-indicator{display:none;}
.hunh_ddb,.hunh_dcb{width:100%;}
.hunh_dda span p,.hunh_dda span font{margin-top:8%;}
}