/*-------整屏轮播---------------*/
 * {
            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";
        }


/*-------整屏轮播---------------*/

.scroll-container {
            height: 100vh;
            overflow-y: scroll;
            scroll-snap-type: y mandatory;
            scroll-behavior: smooth;
        }
        
        section {
            height: 100vh;
            scroll-snap-align: start;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            position: relative;
            color: white;
        }
        
        .nav-dots {
            position: fixed;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 100;
        }
        
        .dot {
            display: block;
            width: 12px;
            height: 12px;
            margin: 12px 0;
            border-radius:20px;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .dot:hover, .dot.active {
			width:10px;
			height:10px;
			padding: 15% 0px;
            background: white;
            transform: scale(1.3);
        }
        
        /* 各屏背景样式 */
        #screen1 {
            background:url(../images/diping/1.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen2 {
            background:url(../images/diping/2.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen3 {
            background:url(../images/diping/3.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen4 {
            background:url(../images/diping/4.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen5 {
            background:url(../images/diping/5.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen6 {
            background:url(../images/diping/6.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen7 {
            background:url(../images/diping/7.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        #screen8 {
            background:url(../images/diping/8.jpg) no-repeat;
			background-size:100% 100%;
        }
        
        /* 装饰元素 */
        .decoration {
            position: absolute;
            z-index: 1;
        }
        
        .circle {
            width: 300px;
            height: 300px;
            border-radius: 50%;
            opacity: 0.1;
            background: white;
        }
        
        .square {
            width: 200px;
            height: 200px;
            opacity: 0.1;
            background: white;
            transform: rotate(45deg);
        }
        
        /* 动画效果 */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }
        
        .floating {
            animation: float 4s ease-in-out infinite;
        }
        
        .btn {
            display: inline-block;
            padding: 12px 30px;
            background: rgba(255, 255, 255, 0.2);
            border: 2px solid white;
            border-radius: 50px;
            color: white;
            font-size: 1.2rem;
            text-decoration: none;
            margin-top: 20px;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .btn:hover {
            background: white;
            color: #333;
            transform: translateY(-5px);
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            h1 {
                font-size: 2.5rem;
            }
            
            p {
                font-size: 1.2rem;
            }
            
            .circle {
                width: 200px;
                height: 200px;
            }
            
            .square {
                width: 150px;
                height: 150px;
            }
        }

#navbar.dark-bg {
    background-color: rgba(0, 0, 0, 0.7); /* 深色背景 */
    /* 如果需要，可以同时改变文字颜色等 */
}



/*-------整屏轮播---------------*/
/*-------头部目录---------------*/
.quanz{width:100%;float:left;}
.quab_g{width:96%;position:fixed;top:0px;left:0px;z-index:999;float:left;padding:1% 2% 0px 2%;}
.quab_ga{width:8%;float:left;}
.quab_ga a h1{width:100%;padding:3%;margin-top:10%;float:left;}
.quab_ga a h1 img{width:100%;float:left;}
.quab_gb{width:50%;margin-left:5%;float:left;}
.quab_gb ul li{width:14.2%;float:left;}
.quab_gb ul li a {width:100%;float:left;line-height:100px;font-size:20px;color:#fff;text-align:center;}
.quab_gc{width:5%;margin:1%;float:right;}
.quab_gc span{width:100%;float:left;}
.quab_gc span img{width:100%;float:left;}
.quab_gc span p{width:100%;text-align:center;float:left;font-size:12px;margin-bottom: 10px;font-weight: 500;}
.jij_ser{width:7%;float:left;margin-top:2%;}
.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;}
.quab_gd{width:12%;margin:1% 4% 1% 4%;float:left;}
.quab_gd span{width:100%;float:left;text-align:center;font-size:24px;color:#fff;line-height:65px;font-weight:bold;}
/*-------头部目录---------------*/

#navbar {
     /* 导航栏基础样式 */
        #navbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            padding: 15px 5%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
            transition: background-color 0.4s ease, box-shadow 0.4s ease;
            z-index: 1000;
        }
}
 
 /* 第三屏专属导航样式 */
        #navbar.section3-active {
            background-color:#d8835d;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
        }
 
 /* 第五屏专属导航样式 */
        #navbar.section5-active {
            background-color:#3d59a3;
            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
        }
/* --------------轮播图-------------- */


	.carousel-wrapper {
            position: relative;
            width:100%;
			height:100% !important;
            overflow: hidden;
            border-radius: 15px;
        }
        
        /* 轮播图容器 - 使用padding-top保持宽高比 */
        .carousel {
            position: relative;
            width: 99%;
			margin:0.5%;
            padding-top:47%; /* 850/1960 ≈ 43.37% */
            overflow: hidden;
			border-radius:10px;
        }
        
        /* 轮播项容器 */
        .carousel-inner {
            position: absolute;
            top: 0;
            left: 0;
            width: 300%; /* 3张图片 * 100% */
            height: 100%;
            display: flex;
            animation: slide 24s infinite linear;
        }
        
        /* 暂停动画效果 */
        .carousel-inner:hover {
            animation-play-state: paused;
        }
        
        /* 轮播项 */
        .carousel-item {
            width: 33.333%; /* 100% / 3张图片 */
            height: 100%;
            background-size: cover;
            background-position: center;
            position: relative;
            display: flex;
            align-items: flex-end;
            transition: all 0.5s ease;
        }
        
        /* 轮播项悬停效果 */
        .carousel-item:hover {
            transform: scale(1.02);
        }
        
        /* 轮播项内容 */
        .item-content {
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            color: white;
            padding:104px;
            width: 100%;
        }
        
        .item-content h3 {
            font-size: 2.5rem;
            margin-bottom: 10px;
            text-shadow: 0 2px 5px rgba(0,0,0,0.5);
        }
        
        .item-content p {
            font-size: 1.2rem;
            max-width: 600px;
            line-height: 1.6;
        }
        
        /* 导航指示器 */
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 15px;
            z-index: 10;
        }
        
        .indicator {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .indicator:hover {
            background: white;
            transform: scale(1.2);
        }
        
        /* 关键帧动画 */
        @keyframes slide {
            0%, 29.999% { transform: translateX(0); }
            30%, 59.999% { transform: translateX(-33.333%); }
            60%, 89.999% { transform: translateX(-66.666%); }
            90%, 100% { transform: translateX(0); }
        }
        
        /* 标题样式 */
        .title {
            text-align: center;
            color: white;
            margin-bottom: 25px;
        }
        
        .title h1 {
            font-size: 2.8rem;
            margin-bottom: 10px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.3);
        }
        
        .title p {
            font-size: 1.3rem;
            opacity: 0.9;
        }
        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .item-content h3 {
                font-size: 2rem;
            }
            
            .item-content p {
                font-size: 1.1rem;
            }
        }
        
        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            
            .title h1 {
                font-size: 2.2rem;
            }
            
            .title p {
                font-size: 1.1rem;
            }
            
            .item-content {
                padding: 20px;
            }
            
            .item-content h3 {
                font-size: 1.6rem;
            }
            
            .item-content p {
                font-size: 1rem;
            }
        }
        
        @media (max-width: 480px) {
            .title h1 {
                font-size: 1.8rem;
            }
            
            .title p {
                font-size: 1rem;
            }
            
            .item-content {
                padding: 15px;
            }
            
            .item-content h3 {
                font-size: 1.4rem;
            }
            
            .carousel-indicators {
                bottom: 10px;
            }
            
            .indicator {
                width: 12px;
                height: 12px;
            }
        }


/* --------------轮播图-------------- */
/* --------------产品中心-------------- */




 .more-products {
            color: #10589e;
            text-decoration: none;
            font-weight: 600;
            padding: 8px 16px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.2);
            transition: all 0.3s ease;
        }
        
        .more-products:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }
        
        .section-ttitle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 30px;
            background: #d7e7ed;
            border-bottom: 1px solid #e0e0e0;
        }
        
        .section-ttitle h2 {
            font-size: 22px;
            color: #10589e;
            font-weight: 600;
        }
        
        .products-container {
            display: flex;
            flex-wrap: wrap;
            padding: 20px;
            gap: 25px;
        }
        
        .product-card {
            flex: 1 1 300px;
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
        }
        
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
        }
        
        .product-img {
            background: linear-gradient(294deg, #f3f3f3, #e7eaed);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .product-img img {
            max-width: 100%;
            max-height: 180px;
            object-fit: contain;
        }
        
        .product-info {
            padding: 20px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .product-info h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #2c3e50;
        }
        
        .product-info p {
            color: #7f8c8d;
            font-size: 14px;
            margin-bottom: 15px;
            flex-grow: 1;
        }
        
        .product-info a {
            display: inline-block;
            background: #10589e;
            color: white;
            text-decoration: none;
            padding: 8px 15px;
            border-radius: 4px;
            font-size: 14px;
            text-align: center;
            transition: background 0.3s ease;
        }
        
        .product-info a:hover {
            background: #219653;
        }
        
        .advantages-section {
            padding: 30px;
            background: #f9f9f9;
        }
        
        .advantages-title {
            text-align: center;
            margin-bottom: 30px;
            color: #27ae60;
            font-size: 24px;
            position: relative;
        }
        
        .advantages-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 3px;
            background: #27ae60;
            margin: 10px auto;
            border-radius: 3px;
        }
        
        .advantages-content {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
        }
        
        .advantage-box {
            flex: 1 1 300px;
            background: white;
            border-radius: 8px;
            padding: 25px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: transform 0.3s ease;
        }
        
        .advantage-box:hover {
            transform: translateY(-5px);
        }
        
        .advantage-box i {
            font-size: 36px;
            color: #27ae60;
            margin-bottom: 15px;
        }
        
        .advantage-box h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #2c3e50;
        }
        
        .advantage-box p {
            color: #7f8c8d;
            font-size: 14px;
        }
        
        .image-gallery {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            justify-content: center;
            padding: 20px;
        }
        
        .gallery-item {
            flex: 1 1 400px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        
        .gallery-item img {
            width: 100%;
            height: 250px;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .gallery-item:hover img {
            transform: scale(1.05);
        }
        
        .gallery-caption {
            padding: 15px;
            background: white;
            text-align: center;
            font-size: 14px;
            color: #7f8c8d;
        }























.gazcp{width:100%;margin-top:6%;float:left;}
.gazcp_a{width:40%;margin-left:2%;float:left;}
.gazcp_aa{width:100%;float:left;position:relative;top:0px;left:0px;}
.gazcp_aa ul{width:100%;float:left;position:relative;top:0px;left:0px;}
.gazcp_aa ul li{width:24%;height:180px;border-bottom:solid 1px #fff;border-right:solid 1px #fff;float:left;background: rgba(0, 95, 182, 0.65);}
.gazcp_aa ul li a{width:100%;float:left;color:#fff;text-align:center;font-weight:normal;}
.gazcp_aa ul li a img{width:20%;margin:12% 30% 3% 40%;float:left;}
.gazcp_aa ul li a h2{width:100%;text-align:center;float:left;font-size:20px;color:#fff;}
.gazcp_aa ul li strong{width:100%;float:left;font-size:14px;line-height:25px;color:#fff;text-align:center;font-weight:normal !important;}
#ubox2,#ubox3,#ubox4,#ubox5,#ubox6,#ubox7,#ubox8,#ubox9,#ubox10{display:none;}
.content-box{width:100%;background-color:#fff;float:left;z-index:888;}
.content-box font {width:32%;float:left;border:solid 1px #e1e1e1;margin:0.5%;}
.content-box font a img{width:60%; float:left;margin:0px 20%;}
.content-box font a h2{width:100%;color:#222;line-height:55px;float:left;text-align:center;font-size:15px;}
.gazcpb{width:46%;float:left;}
.content-box p img{width:48%;padding:1%;float:left;}
.content-box p i{width:80%;float:left;font-size:14px;line-height:25px;color:#565656;}
.content-box h4{width:98%;padding:0px 1%;float:left;line-height:80px;font-size:25px;color:#63cfe7;background:url(../images/tb/dt.gif) right;
  text-shadow:
    -1px -1px 0 #fff, /* 左上 */
     0   -1px 0 #fff, /* 正上 */
     1px -1px 0 #fff, /* 右上 */
     1px  0   0 #fff, /* 右 */
     1px  1px 0 #fff, /* 右下 */
     0    1px 0 #fff, /* 正下 */
    -1px  1px 0 #fff, /* 左下 */
    -1px  0   0 #fff; /* 左 */}
.content-box h4 a{width:100px;text-align:left;float:right;line-height:35px;color:#565656;font-size:15px;font-weight:normal;margin-top:3%;background:url(../images/tb/1b.gif) no-repeat right;background-size:30px 30px;}
/* --------------产品中心-------------- */
/* --------------客户案例-------------- */
.gbanl{width:90%;height:700px;overflow:hidden;float:left;margin:9% 5% 0px 5%;}
.gbanl {
            text-align: center;
            margin-bottom: 50px;
            padding: 20px;
        }
        
.gbanl_pd h3 {
            font-size: 3.5rem;
            margin-bottom: 15px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.2);
            background: linear-gradient(to right, #ff7e5f, #feb47b);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
       
.subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
 .cases-grid {
			width:100%;
			float:left;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .case-card {
			width:16%;
			float:left;
			margin:1%;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            overflow: hidden;
        }
        
        .case-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.3);
        }
        
        .case-title {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color: #ffd166;
        }
        
        .case-desc {
            font-size: 0.95rem;
            margin-bottom: 20px;
            line-height: 1.5;
            color:#b5b5b5;
        }
        
        /* 案例1: 悬停放大效果 */
        .effect-1 {
            width: 120px;
            height: 120px;
            background: linear-gradient(45deg, #ff6b6b, #ff8e53);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.5s ease;
            cursor: pointer;
        }
        
        .effect-1:hover {
            transform: scale(1.2);
        }
        
        /* 案例2: 无限旋转动画 */
        .effect-2 {
            width: 100px;
            height: 100px;
            border: 5px solid rgba(255, 255, 255, 0.3);
            border-top: 5px solid #4ecdc4;
            border-radius: 50%;
            animation: spin 1.5s linear infinite;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        /* 案例3: 按钮波纹效果 */
        .effect-3 {
            position: relative;
            width: 120px;
            height: 50px;
            background: #6a67ce;
            border-radius: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            cursor: pointer;
            overflow: hidden;
        }
        
        .effect-3:after {
            content: '';
            position: absolute;
            width: 200%;
            height: 0;
            padding-bottom: 200%;
            top: -50%;
            left: -50%;
            background: rgba(255,255,255,0.2);
            border-radius: 40%;
            transform: translateY(100%) rotate(0deg);
            transition: transform 0.6s ease;
        }
        
        .effect-3:hover:after {
            transform: translateY(0) rotate(360deg);
        }
        
        /* 案例4: 文字渐变动画 */
        .effect-4 {
            font-size: 2rem;
            font-weight: bold;
            background: linear-gradient(90deg, #00dbde, #fc00ff, #00dbde);
            background-size: 200% auto;
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            animation: gradientText 3s linear infinite;
        }
        
        @keyframes gradientText {
            0% { background-position: 0% 50%; }
            100% { background-position: 200% 50%; }
        }
        
        /* 案例5: 跳动的心 */
        .effect-5 {
            position: relative;
            width: 100px;
            height: 90px;
            cursor: pointer;
        }
        
        .effect-5:before,
        .effect-5:after {
            position: absolute;
            content: "";
            left: 50px;
            top: 0;
            width: 50px;
            height: 80px;
            background: #ff6b6b;
            border-radius: 50px 50px 0 0;
            transform: rotate(-45deg);
            transform-origin: 0 100%;
        }
        
        .effect-5:after {
            left: 0;
            transform: rotate(45deg);
            transform-origin: 100% 100%;
        }
        
        .effect-5:hover {
            animation: heartbeat 1s infinite;
        }
        
        @keyframes heartbeat {
            0% { transform: scale(1); }
            25% { transform: scale(1.1); }
            50% { transform: scale(1); }
            75% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        
        /* 案例6: 3D卡片翻转 */
        .effect-6-container {
            perspective: 1000px;
            width: 120px;
            height: 120px;
        }
        
        .effect-6 {
            position: relative;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
            transition: transform 0.8s;
            cursor: pointer;
        }
        
        .effect-6-container:hover .effect-6 {
            transform: rotateY(180deg);
        }
        
        .effect-6-front, .effect-6-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            font-weight: bold;
        }
        
        .effect-6-front {
            background: linear-gradient(45deg, #11998e, #38ef7d);
        }
        
        .effect-6-back {
            background: linear-gradient(45deg, #ff416c, #ff4b2b);
            transform: rotateY(180deg);
        }
        
        /* 案例7: 脉冲效果 */
        .effect-7 {
            position: relative;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #ff9a9e;
            cursor: pointer;
        }
        
        .effect-7:before, .effect-7:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: #ff9a9e;
            opacity: 0.7;
            animation: pulse 2s infinite;
        }
        
        .effect-7:after {
            animation-delay: 0.5s;
        }
        
        @keyframes pulse {
            0% { transform: scale(1); opacity: 0.7; }
            100% { transform: scale(1.8); opacity: 0; }
        }
        
        footer {
            text-align: center;
            margin-top: 50px;
            padding: 20px;
            font-size: 0.9rem;
            color: rgba(255,255,255,0.7);
        }
        
        @media (max-width: 768px) {
            h1 {
                font-size: 2.5rem;
            }
            
            .cases-grid {
                grid-template-columns: 1fr;
            }
        }
.case-card img{width:100%;float:left;border-radius:20px;}
/* --------------客户案例-------------- */
/* --------------新闻资讯-------------- */
.news-container {
            width: 100%;
			float:left;
            height: 750px;
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
        }
        
        /* 顶部简约标题 */
        .news-header {
            background: #ffffff;
            border-bottom: 1px solid #e9ecef;
            text-align: center;
        }
        
        .logo {
            display: inline-flex;
            align-items: center;
            gap: 15px;
        }
        
        .logo-icon {
            font-size: 32px;
            color: #4361ee;
        }
        
        .logo-text {
            font-size: 32px;
            font-weight: 700;
            color: #333;
            letter-spacing: 1px;
        }
        
        .date-display {
            margin-top: 10px;
            font-size: 16px;
            color: #6c757d;
            font-weight: 500;
        }
        
        /* 主内容区 */
        .news-main {
            display: flex;
            flex: 1;
            overflow: hidden;
        }
        
        /* 主要内容区 */
        .news-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            height: 100%;
            overflow: hidden;
            padding: 0 30px;
        }
        
        /* 热点新闻 */
        .hot-news {
			width:100%;float:left;
            padding: 30px 0;
            position: relative;
            border-bottom: 1px solid #e9ecef;
        }
        
        .hot-news-content {
            width:100%;
			float:left;
            gap: 40px;
            align-items: center;
        }
        
        .hot-news-img {
            width:30%;
			float:right;
            height:auto;
            border-radius: 15px;
            object-fit: cover;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
        }
        
        .hot-news-img:hover {
            transform: scale(1.02);
        }
        
        .hot-news-text {
            width:60%;float:left;
        }
        
        .hot-news-tag {
            display: inline-block;
            background: linear-gradient(to right, #4361ee, #3a0ca3);
            padding: 8px 20px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 20px;
        }
        
        .hot-news-title {
            font-size: 22px;
            margin-bottom: 20px;
            line-height: 1.3;
            font-weight: 700;
            color: #333;
        }
        
        .hot-news-desc {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 30px;
            color: #495057;
        }
        
        .hot-news-meta {
            display: flex;
            gap: 20px;
            font-size: 14px;
            color: #6c757d;
        }
        
        /* 新闻列表 */
        .news-list-container {
            padding: 30px 0;
            overflow-y: auto;
        }
        
        .section-tiitle {
            font-size: 24px;
            margin-bottom: 25px;
            font-weight: 600;
            color: #4361ee;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .news-grid {
			width:100%;float:left;margin:1%;
            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
            gap: 25px;
        }
        
        .news-card {
			width:23%;float:left;
			margin:0.5%;
            background: #ffffff;
            border-radius: 15px;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 1px solid #e9ecef;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);
        }
        
        .news-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(67, 97, 238, 0.1);
            border-color: rgba(67, 97, 238, 0.2);
        }
        
        .card-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
            transition: transform 0.3s ease;
        }
        
        .news-card:hover .card-img {
            transform: scale(1.05);
        }
        
        .card-content {
            padding: 20px;
        }
        
        .card-category {
            display: inline-block;
            background: rgba(67, 97, 238, 0.1);
            color: #4361ee;
            padding: 5px 15px;
            border-radius: 30px;
            font-size: 13px;
            margin-bottom: 15px;
            font-weight: 500;
        }
        
        .card-title {
            font-size: 20px;
            margin-bottom: 12px;
            line-height: 1.4;
            font-weight: 600;
            color: #333;
        }
        
        .card-desc {
            font-size: 15px;
            line-height: 1.6;
            color: #495057;
            margin-bottom: 20px;
        }
        
        .card-meta {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            color: #6c757d;
        }
        
        /* 右侧边栏 */
        .news-aside {
            width: 300px;
            background: #f8f9fa;
            padding: 30px;
            border-left: 1px solid #e9ecef;
            height: 100%;
            overflow-y: auto;
        }
        
        .trending-news {
            margin-bottom: 40px;
        }
        
        .trending-title {
            font-size: 20px;
            margin-bottom: 25px;
            font-weight: 600;
            color: #4361ee;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .trending-list {
            list-style: none;
        }
        
        .trending-item {
            padding: 15px 0;
            border-bottom: 1px solid #e9ecef;
        }
        
        .trending-item:last-child {
            border-bottom: none;
        }
        
        .trending-link {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            font-size: 16px;
            display: block;
            transition: all 0.3s ease;
            line-height: 1.5;
            position: relative;
            padding-left: 15px;
        }
        
        .trending-link:hover {
            color: #4361ee;
        }
        
        .trending-link::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            background: #4361ee;
            border-radius: 50%;
        }
        
        .trending-meta {
            display: flex;
            gap: 15px;
            margin-top: 8px;
            font-size: 13px;
            color: #6c757d;
            padding-left: 15px;
        }
        
        .ad-container {
            background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
            border-radius: 15px;
            padding: 25px;
            text-align: center;
            border: 1px solid rgba(67, 97, 238, 0.1);
            margin-top: 30px;
        }
        
        .ad-title {
            font-size: 20px;
            margin-bottom: 15px;
            color: #4361ee;
        }
        
        .ad-desc {
            font-size: 15px;
            color: #495057;
            margin-bottom: 20px;
            line-height: 1.6;
        }
        
        .ad-button {
            background: linear-gradient(to right, #4361ee, #3a0ca3);
            color: #ffffff;
            border: none;
            padding: 12px 30px;
            border-radius: 30px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .ad-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(67, 97, 238, 0.3);
        }

        
        /* 响应式设计 */
        @media (max-width: 1200px) {
            .news-aside {
                width: 250px;
            }
            
            .hot-news-content {
                flex-direction: column;
            }
            
            .hot-news-img {
                width: 100%;
            }
        }
        
        @media (max-width: 992px) {
            .news-main {
                flex-direction: column;
            }
            
            .news-aside {
                width: 100%;
                height: auto;
                border-left: none;
                border-top: 1px solid #e9ecef;
            }
        }
        
        @media (max-width: 768px) {
            .news-header {
                padding: 20px;
            }
            
            .logo-text {
                font-size: 28px;
            }
            
            .news-grid {
                grid-template-columns: 1fr;
            }
            
            .footer-links {
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
            }
            
            .news-footer {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }
        }
.gabnxw{width:90%;float:left;margin:8% 5% 0px 5%;}

/* --------------新闻资讯-------------- */
/* --------------解决方案-------------- */
.gab_fanpd{width:100%;float:left;}
.gab_fanpd h3{width:100%;float:left;font-size:55px;text-align:center;line-height:80px;}
.gab_fan{width:80%;height:750px;overflow:hidden;margin:6% 10% 0px 10%;float:left;}
.gab_fana{width:100%;float:left;}
 :root {
            --primary-color: #4361ee;
            --secondary-color: #3f37c9;
            --accent-color: #4cc9f0;
            --light-color: #f8f9fa;
            --dark-color: #212529;
            --card-width: 320px;
            --transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
       @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .solutions-container {
			width:100%;
			margin:3% 0px 0px 0px;
			float:left;
        }

        .solution-card {
            width:23%;
			margin:1%;
			float:left;
            height:auto;
            background: white;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: var(--transition);
            position: relative;
            flex-direction: column;
        }

        .solution-card:hover {
            transform: translateY(-15px) scale(1.03);
            box-shadow: 0 15px 40px rgba(67, 97, 238, 0.25);
        }

        .card-image {
            height: 200px;
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: var(--transition);
        }

        .solution-card:hover .card-image img {
            transform: scale(1.1);
        }

        .card-number {
            position: absolute;
            top: 15px;
            left: 15px;
            background: var(--primary-color);
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 1.2rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .card-content {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .card-content h3 {
            font-size: 1.5rem;
            margin-bottom: 15px;
            color:#378cc9;
        }

        .card-content p {
            color: #555;
            line-height: 1.6;
            margin-bottom: 20px;
            flex-grow: 1;
        }

        .card-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .tech-icons {
            display: flex;
            gap: 10px;
        }

        .tech-icons i {
            font-size: 1.5rem;
            color: #378cc9;
            transition: var(--transition);
        }

        .tech-icons i:hover {
            color: var(--accent-color);
            transform: translateY(-3px);
        }

        .btn {
            background:#378cc9;
            color: white;
            padding: 10px 20px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: var(--transition);
            display: inline-block;
            box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
        }

        .btn:hover {
            background: var(--secondary-color);
            transform: translateY(-3px);
            box-shadow: 0 7px 20px rgba(67, 97, 238, 0.4);
        }

        .footer {
            text-align: center;
            padding: 20px;
            background: var(--light-color);
            color: var(--dark-color);
            font-size: 1.1rem;
        }

        /* 加载优化 */
        .card-image {
            background: linear-gradient(120deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
        }

        @keyframes loading {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }

        /* 响应式设计 */
        @media (max-width: 1550px) {
            .container {
                width: 100%;
                height: auto;
            }
            
            .solutions-container {
                padding: 40px 20px;
            }
        }

        @media (max-width: 1200px) {
            .solution-card {
                width: 280px;
                height: 420px;
            }
        }
/* --------------解决方案-------------- */
/* --------------公司介绍-------------- */
.gaib_gy{width:100%;float:left;margin-top:10%;}
/* 主要内容区域 */
        .main-content {
            display: flex;
            flex: 1;
            padding: 40px 60px;
            position: relative;
            z-index: 1;
        }

        .left-content {
            flex: 1;
            padding-right: 40px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .slogan {
            font-size: 60px;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 30px;
            background: linear-gradient(90deg, #fff, #a5d8ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .description {
            font-size: 20px;
            line-height: 1.8;
            color: #c5d8f0;
            margin-bottom: 40px;
            max-width: 700px;
        }

        .cta-button {
            display: inline-block;
            padding: 16px 40px;
            background: linear-gradient(90deg, #1971c2, #4dabf7);
            color: white;
            font-size: 18px;
            font-weight: 600;
            border-radius: 50px;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(77, 171, 247, 0.4);
            border: none;
            cursor: pointer;
        }

        .cta-button:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(77, 171, 247, 0.6);
        }

        .right-content {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
            width: 100%;
        }

        .stat-card {
            background: rgba(25, 40, 65, 0.6);
            border-radius: 15px;
            padding: 30px;
            border: 1px solid rgba(100, 150, 255, 0.2);
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }

        .stat-card:hover {
            transform: translateY(-10px);
            background: rgba(35, 60, 100, 0.7);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
        }

        .stat-icon {
            font-size: 40px;
            color: #4dabf7;
            margin-bottom: 20px;
        }

        .stat-number {
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 10px;
            background: linear-gradient(90deg, #4dabf7, #a5d8ff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .stat-title {
            font-size: 18px;
            color: #a5d8ff;
        }
/* 装饰元素 */
        .decorations {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 0;
            overflow: hidden;
        }

        .circle {
            position: absolute;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(0, 100, 255, 0.2) 0%, transparent 70%);
        }

        .circle:nth-child(1) {
            width: 600px;
            height: 600px;
            top: -200px;
            right: -200px;
        }

        .circle:nth-child(2) {
            width: 400px;
            height: 400px;
            bottom: -150px;
            left: -100px;
        }

        .line {
            position: absolute;
            height: 2px;
            background: linear-gradient(90deg, transparent, rgba(0, 150, 255, 0.5), transparent);
        }

        .line:nth-child(3) {
            top: 30%;
            width: 100%;
        }

        .line:nth-child(4) {
            top: 60%;
            width: 100%;
        }
.yuntzt{color:#fff;font-size:45px;float:left;margin-bottom:5%;line-height:55px;}
/* --------------公司介绍-------------- */
/* --------------资质证书 售后服务-------------- */
.gabazsh {
		width:90%;
		margin:0px 5%;
		border-radius:20px;
		margin-top:6%;
		float:left;
            background: rgba(0, 0, 0, 0.2);
        }

.gabazsh h1 {
            font-size: 3rem;
            margin-bottom: 10px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            background: linear-gradient(to right, #ff8a00, #da1b60);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.subtitle {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 800px;
            margin: 0 auto;
        }

        .content {
            width:100%;
			float:left;
            padding: 20px;
            gap: 20px;
        }
		.sectionn{
			width:61%;float:left;margin-left:2%;
		}
        .secction {
			float:left;
			width:30%;
            background: rgba(255, 255, 255, 0.15);
            border-radius: 15px;
            padding: 25px;
            display: flex;
            flex-direction: column;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
        }

        .secction:hover {
            transform: translateY(-5px);
        }

        .section-title {
            font-size:25px;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.3);
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .section-title i {
            color: #ff8a00;
        }

        .certificates {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

        .certificate-card {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 12px;
            padding:15% 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .certificate-card:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: scale(1.03);
        }

        .certificate-icon {
            font-size: 3rem;
            color: #4CAF50;
        }

        .certificate-title {
            font-size: 1.2rem;
            font-weight: 600;
        }

        .certificate-desc {
            font-size: 0.9rem;
            opacity: 0.9;
        }

        .service-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .service-item {
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.2);
            padding:2%;
            border-radius: 12px;
            transition: all 0.3s ease;
        }

        .service-item:hover {
            background: rgba(255, 255, 255, 0.3);
            transform: translateX(10px);
        }

        .service-icon {
            font-size: 2rem;
            width: 60px;
            height: 60px;
            background: rgba(0, 0, 0, 0.2);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 20px;
            color: #2196F3;
        }

        .service-content h3 {
            font-size: 1.3rem;
            margin-bottom: 8px;
        }

        .service-content p {
            font-size: 0.95rem;
            opacity: 0.9;
        }

        .contact-bar {
            background: rgba(0, 0, 0, 0.3);
            padding: 20px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 30px;
        }

        .contact-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 1.1rem;
        }

        .contact-item i {
            color: #ff8a00;
            font-size: 1.5rem;
        }

        /* 响应式设计 */
        @media (max-width: 1550px) {
            .container {
                width: 95%;
                height: auto;
                min-height: 800px;
            }
        }

        @media (max-width: 1200px) {
            .content {
                flex-direction: column;
            }
            
            .certificates {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 768px) {
            h1 {
                font-size: 2.2rem;
            }
            
            .certificates {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .contact-bar {
                flex-direction: column;
                gap: 15px;
            }
        }

        @media (max-width: 480px) {
            .certificates {
                grid-template-columns: 1fr;
            }
            
            .section-title {
                font-size: 1.5rem;
            }
        }
/* --------------资质证书 售后服务-------------- */

/* --------------首页底部联系我们-------------- */
.gab_dibu{width:100%;margin-top:7%;float:left;}
.footer-container {
            width:80%;
			margin:0px 10%;
            background: linear-gradient(135deg, #1a2a4a, #0d1b2a);
            color: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
            position: relative;
        }
        
        .footer-top {
			width:100%;
			float:left;
            padding:2% 80px 0px 80px;
        }
        
        .footer-section {
			width:29%;
			float:left;
            padding: 0 30px;
            position: relative;
        }
        
        .footer-section:not(:last-child)::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 70%;
            width: 1px;
            background: rgba(255, 255, 255, 0.1);
        }
        
        .section-title {
            font-size: 32px;
            margin-bottom: 40px;
            position: relative;
            padding-bottom: 15px;
            font-weight: 600;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #4cc9f0, #4361ee);
            border-radius: 2px;
        }
        
        /* 目录样式 */
        .directory-columns {
            display: flex;
            gap: 40px;
        }
        
        .directory-column {
            flex: 1;
        }
        
        .directory-list {
            list-style: none;
        }
        
        .directory-list li {
            font-size: 20px;
        }
        
        .directory-list a {
            color: #e0e0e0;
            text-decoration: none;
            transition: all 0.3s ease;
            display: block;
            padding: 8px 0;
        }
        
        .directory-list a:hover {
            color: #4cc9f0;
            transform: translateX(8px);
        }
        
        /* 联系信息样式 */
        .contact-info {
            margin-bottom: 30px;
            font-size:18px;
            line-height: 1.8;
        }
        .contact-info p{margin-top:1%;}
        .contact-info i {
            width: 36px;
            color: #4cc9f0;
            font-size: 24px;
            margin-right: 15px;
        }
        
        .social-icons {
            display: flex;
            gap: 25px;
            margin-top: 50px;
        }
        
        .social-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            color: #fff;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .social-icon:hover {
            transform: translateY(-8px);
            background: #4361ee;
        }
        
        /* 二维码区域样式 */
        .qr-container {
            flex-direction: column;
            align-items: center;
        }
        
        .qr-code {
            width:40%;
            height:auto;
			float:left;
            background: #fff;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
            margin:2% 10% 2% 0px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .qr-code img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        .qr-text {
			width:100%;
			float:left;
            text-align:left;
            font-size: 18px;
            line-height: 1.6;
            max-width: 400px;
        }
        
        .qr-text h3 {
            font-size: 28px;
            margin-bottom: 15px;
            color: #4cc9f0;
        }
        
        /* 底部版权信息 */
        .footer-bottom {
            height: 120px;
            background: rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 80px;
            font-size:15px;
            color: #a0a0a0;
        }
        
        .copyright {
            flex: 1;
        }
        
        .legal-links a {
            color: #a0a0a0;
            text-decoration: none;
            margin-left: 30px;
            transition: color 0.3s ease;
        }
        
        .legal-links a:hover {
            color: #4cc9f0;
        }
        
        /* 装饰元素 */
        .decoration {
            position: absolute;
            opacity: 0.05;
        }
        
        .circle {
            width: 400px;
            height: 400px;
            border-radius: 50%;
            border: 4px solid #4cc9f0;
            top: -150px;
            right: -150px;
        }
        
        .square {
            width: 300px;
            height: 300px;
            border: 3px solid #4361ee;
            bottom: -100px;
            left: -100px;
            transform: rotate(45deg);
        }
        
/* --------------首页底部联系我们-------------- */


   /* 首页响应式调整 */
@media (min-width: 2001px) {
.section-content{width:100%;float:left;height:98%;}	
.carousel{height:98%;padding-top:0px;}
.carousel-item{background-size:100% 98% !important;}
.gazcp,.gbanl,.gab_fan,.gabazsh{margin-top:5%;height:auto;}	
.gabazsh{width:80%;margin:5% 10% 0px 10%;float:left;border-radius:20px;}
.news-container{height:auto;}
.gazcp_aa ul li{padding:2% 0px;}
.product-img{padding:5% 0px;}
.cases-grid{margin-top:5%;}
.solutions-container{width:100%;margin:5% 0px 0px 0px;}
.gabnxw{width:90%;margin:9% 5% 0px 5%;}
.stat-card{padding:20% 15%;}
.yuntzt{font-size:75px;}
.certificate-card{padding: 20% 0px;}
.service-item{padding: 2.5% 4%;}
.gab_dibu{width:90%;margin: 5% 5% 0px 5%;}
.hot-news-img{width:23%;}
.quab_gb{margin-top:1%;}
.quab_gd{margin-top:2%;}
}
@media screen and (min-width:1600px) and (max-width:1800px) {
.section-content{width:100%;float:left;height:98%;}	
.carousel{height:98%;padding-top:0px;}
.carousel-item{background-size:100% 98% !important;}
.gazcp_aa ul li{width:22%;padding:0px 1%;}
.gazcp_a{width:50%;}
.gazcpb{width:45%;margin-top:2%;}
.product-info h3{height:40px;overflow:hidden;}
.gbanl{margin-top:13%;}
.gab_fan {margin-top:10%;}
.card-content p{height:110px;overflow:hidden;}
.card-content h3{font-size: 1.4rem;}
.solution-card{height:auto;}
.solutions-container{width:100%;margin:3% 0px 0px 0px;}
.content{margin-top:7%;}
.certificate-card{padding:15% 20px;}
.gab_dibu{width:90%;margin:5% 5% 0px 5%;}
.footer-top{padding:2%;}
.directory-list li{margin:0px;}
.contact-info{font-size:18px;}
.contact-info p{margin-top:1%;}
.footer-section{padding:0px 1%;}
.qr-code{width:60%;height:auto;}
.section-title{font-size:25px;}
.footer-container{height:auto;margin-top:5%;}
.footer-bottom{font-size:16px;}
}
@media screen and (min-width:1501px) and (max-width:1599px) {
.footer-section{width:27%;}	
.qr-code{width:70%;}
.jij_ser{display:none;}
.quab_gd{width:22%;}
.carousel{padding-top:60%;}
}

@media screen and (min-width:1200px) and (max-width:1500px) {
.quab_gd{display:none;}
.quab_gb{width:62%;}
.jij_ser{margin-left:2%;}
.gazcp_a,.gazcpb{width:100%;}
.product-card p{display:none;}
section{height:800px;}
.gazcp_aa ul li{height:150px;}
.gazcp{width:80%;margin-top:9%;}
.gazcpb{display:none;}
.quab_g{background-color:#2a70ad;}
#screen6{background-color: rgb(53 84 201 / 80%);}
.certificate-card,.service-item{padding:0px 1%;}
.gabazsh{margin-top:12%;}
.footer-section{width:27%}
.qr-code{width:60%;}
.section-title{margin-bottom:0px;}
.hot-news-content{display:none;}
.news-card{width:48%;}
.news-list-container{padding:0px;}
#screen7{background-color:rgb(16 27 65 / 100%);}
.carousel{padding-top: 61%;}
}