* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.space-x-4{padding-top:10px}
.ssdfgrd{margin-right: 20px;}
.colorgay1:hover{color:#005E8A;    }


.leftfooterbox{border-left: 1px solid #333;
    margin-top: 20px;
    padding-left: 53px;}





html, body {    
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
width: 100%;
font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
color: #333;
line-height: 1.6;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {text-decoration: none;color: inherit;}
ul {list-style: none;}
.container {
width:94%;
max-width: 1400px;
margin: 0 auto;

}
.prev svg{ width: 32px;
  height: 32px;}
.next svg{ width: 32px;
  height: 32px;}
  .news-tab:hover .sdf3444{color:#005E8A}
  .news-tab:hover .newsaa{color:#005E8A}
.newsaa{display:block;color:#333}
.newsaa:hover{color:#005E8A}
.newsaa:hover .sdf3444{color:#005E8A}

.sdf3444:hover {
    color: #005E8A;
}



.btn {
display: inline-block;
padding: 12px 28px;
border-radius: 0px 0 0 25px;
font-size: 16px;
border: none;
background: #005E8A;
color: #fff;
cursor: pointer;

transition: all 0.5s;
}
.btn:hover {background: #005E8A;}

.btn:hover {
/*background: #f0f0f0;*/
transform: translateX(5px);
}
.sdfsdqww22{ height: 100%;}
.section-title {
font-size:48px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
}
.section-title::after {
content: "";
position: absolute;
left: 0;bottom: 0;
width: 80px;height: 2px;
background: #005E8A;
}

/* 头部导航 - 悬浮+半透明 */
header {
position: fixed; 
top:0;
left:0;
width:100%;
z-index:99999999999;
background: rgba(255, 255, 255, 0); 
backdrop-filter: blur(8px); 
/*box-shadow: 0 2px 10px rgba(0,0,0,0.05);*/
transition: background 0.3s; 
}
header.scroll {
background: rgba(255, 255, 255, 0.95);
}
.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
height:72px;
}

nav ul {
display: flex;gap: 30px;
}
nav a {font-size:16px;}
nav a:hover {color: #f8c50b;}
.mobile-menu {
display: none;
font-size: 26px;
cursor: pointer;
color: #333; 
}
.tab-item:hover {
background: #005E8A;
color: #fff;
}

.tab-item:hover .imgshowww {
    display: none !important;
}
.tab-item:hover .toimgshowww {
    display: block !important;
}
.logo{display: block;width:18%}
.logo img{display: block;max-width: 100%}

/* 优势 */
.features {
display: grid;
grid-template-columns: repeat(3,1fr);
}
.feature-item {
padding: 30px 15px;
text-align: center;
background: #005E8A;
color: #fff;
}
.feature-item:nth-child(1) {background: #005E8A;}
.feature-item:nth-child(2) {background: #2d5aa0;}
.feature-item:nth-child(3) {background: #3f6aac;}
.feature-icon {
font-size: 30px;
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.feature-icon img {
width: 30px;
height: 30px;
display: inline-block;
}

/* 关于我们 */
.about {
padding: 50px 0;
background: #f5f7fa;
}
.about-inner {
display: grid;
grid-template-columns: 1.5fr 2fr;
gap: 30px;
align-items: center;
}
.about-text p {
font-size: 16px;
color: #666;
margin-bottom: 20px;
line-height: 1.8;
}

.sdfwtop42{margin-top: 42px;}
.stat-item {text-align: center;
width: 28%;float:left;

    
}
.a34dfsgsdf {
  font-size: 44px;
}
.stat-number {
font-size:17px;
text-align:left;
font-weight: bold;
color: #005E8A;
/*opacity: 0;*/
}
.stat-label {
font-size: 14px;
color: #666;text-align:left;
}


.products {
padding-bottom: 60px;
padding-top: 80px;
}

.diertitle{
font-size: 20px;
color: #000;   
/*margin-bottom: 40px;*/
font-weight: bold;
}

/* 产品导航样式优化 */
.product-tabs {
display: flex;
gap: 30px;
flex-wrap: wrap;
margin-bottom:60px;
align-items: center;
}
.tab-item {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
padding: 12px 20px;
background: #f1f1f1;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 16.66666%;
height: auto;
min-width: 100px;
transition: all 0.3s;
}
.tab-item.active {
background: #005E8A;
color: #fff;
}
.tab-icon {
font-size: 20px;
margin-bottom: 5px;
}
/* 产品详情容器 - 隐藏所有，只显示激活的 */
.product-detail-wrapper {
position: relative;
width: 100%;
}
.product-detail {
display: none;
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.product-detail.active {
display: block;
animation: fadeIn 0.5s ease;
}
/* 淡入动画 */
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
/* 产品图片轮播 - 核心优化：添加左右箭头+轮播容器 */
.product-slider {
position: relative;
width: 100%;
margin: 20px 0 40px;
border-radius: 8px;
overflow: hidden;
}
.product-main-img {
width: 100%;
height: auto;
border-radius: 8px;
}
/* 缩略图轮播容器 - 核心新增 */
.product-thumb-carousel {
position: relative;
width: 100%;
margin-top: 10px;
}
.thumb-wrapper {
display: flex;
gap: 10px;
overflow: hidden;
width: calc(100% - 60px); /* 预留左右箭头空间 */
margin: 0 auto;
}
.product-thumbs {
display: flex;
gap: 10px;
transition: transform 0.3s ease;
}
.thumb-item {
min-width: 80px;
padding:10px;
border: 1px solid transparent;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
flex-shrink: 0; /* 防止缩略图被压缩 */
text-align: center;
}
.thumb-item.active {
border-color: #005E8A;
}
.thumb-item img {
width: 100%;
height: 60px;
object-fit: contain; /* 保持图片比例 */
margin: 0 auto;
}
.thumb-item p {
font-size: 12px;
color: #666;
padding: 5px 0;
line-height: 1;
}


.thumb-prev svg
 {
    width: 20px;
    height: 20px;
}

.thumb-next svg
 {
    width: 20px;
    height: 20px;
}

.thumb-control {
position: absolute;
border:0;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 30px;
background: #f5f5f5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #666;
font-size: 14px;
cursor: pointer;
z-index: 2;
transition: all 0.3s;
}
.thumb-control:hover {
background: #005E8A;
color: #fff;
}
.thumb-prev {left: 0;}
.thumb-next {right: 0;}



/* 销售网络 */
.sales-network {

padding-top: 80px;
background: #f5f7fa;
}


/* 合作伙伴 */
.partners {padding: 80px 0px;

margin-left: auto;
margin-right: auto;
max-width: none;
width: auto;
background-image: url(./images/beijing2.jpg);
min-height: 0;
padding-bottom: 60px;
padding-top: 80px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;

}
.partners-grid {
display: grid;
grid-template-columns: repeat(6,1fr);
gap: 15px;
margin-top: 20px;
}
.partner-item {
transition: all .3s ease-in-out;
border:none;
display: flex;overflow: hidden;
align-items: center;
justify-content: center;

}
.partner-item:hover{border: 1px solid #005E8A;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .1);}
.partner-item img {
border: none;
width: 100%;
}


.textcontmm2{color:#333;font-size:16px;padding: 20px 0;line-height: 2}

/* 新闻 */
.news {
padding: 50px 0;
background: #f5f7fa;
}
.news-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}

.news-content {padding: 15px;}


/* 联系我们 */
.contact {
padding: 50px 0;
text-align: center;
background: linear-gradient(#e3f2fd, #f5f7fa);


background-image: url(./images/232323_03.jpg);
min-height: 0;

background-repeat: no-repeat;
background-size: cover;
background-position: center center;
/*  background-attachment: fixed;*/


}



  /* 轮播容器 - 固定显示3个区块 */
        .product-carousel {
            width: 100%;
            height: 12vh;
            overflow: hidden;
            position: relative;
            background: #f8f9fa;
        }

        /* 轮播轨道 - 横向排列所有区块 */
        .carousel-track {
            height: 100%;
            display: flex;
            transition: transform 0.8s ease-in-out; /* 平滑滚动 */
        }

        /* 产品区块 - a标签样式（每个占1/3宽度） */
        .product-item {
            width: calc(100% / 3); /* 固定宽度：1/3容器宽度 */
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            padding: 30px 4%;
            text-decoration: none;
            transition: all 0.3s ease;
            border-right: 1px solid #eee;
            cursor: pointer;
            flex-shrink: 0; /* 禁止收缩，保证宽度固定 */
        }

        /* 第一个区块默认蓝色背景 */
        .product-item.active {
            background: #005E8A;
            color: #fff;
        }

        /* 其他区块默认白色背景 */
        .product-item {
            
            background: #fff;
            color: #333;
        }

        /* hover效果：所有区块hover时变蓝色 */
        .product-item:hover {
            background: #005E8A !important;
            color: #fff !important;
        }
        .product-item:hover .imgshowww {display:none!important}
        .product-item:hover .toimgshowww{display:block!important}
        
      
.product-tabs .active .imgshowww {display:none!important}
.product-tabs .active .toimgshowww{display:block!important}
        
.fh{transition: transform 0.3s ease;}

.product-item:hover .fh {
transform: rotate(90deg);
}

.sdf3444{color: #818181;
    font-size: 18px;}
.newsaa {
    font-size: 16px;
}


        .product-item:last-child {
            border-right: none;
        }

        /* 图标样式 */
        .product-icon {
            width: 21%;
            
            /*height: 60px;*/
            display: flex;
            align-items: center;
            justify-content: center;
            /*font-size: 40px;*/
            flex-shrink: 0;
        }

        /* 文字样式 */
        .product-text {
            
           
            white-space: nowrap;
        }
.xingneng1{display: block; font-weight: bold;font-size: 20px;} 
.xingneng2{display: block;font-size:16px;}
        /* 响应式适配 */
        @media (max-width: 768px) {
            .product-item {
                padding: 16px 2px;
                gap: 10px;
            }
            .fh{display:none}
    
            .product-icon{display:none}
            .product-icon {
                width: 40px;
                height: 40px;
                font-size: 28px;
            }
            .product-text {
                font-size: 18px;
            }
        }













.banner-container {
            width: 100%;
            height: 80vh;
            display: flex;
            overflow: hidden;
            position: relative;
            background: #000;
        }

        /* 左侧蓝色区域 */
        .left-section {
            width: 30%;
            background: rgba(0, 94, 138, 1);
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 80px;
            position: relative;
            z-index: 10;
        }

        .left-section h2 {
            font-size: 32px;
            margin-bottom: 20px;
            font-weight: 600;
        }

        .left-section .divider {
            width: 80px;
            height: 3px;
            background: #fff;
            margin-bottom: 30px;
            position: relative;
        }

        .left-section .divider::after {
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 15px;
            height: 3px;
            background: rgba(255,255,255,0.5);
        }

        .left-section p {
            font-size: 18px;
            line-height: 1.8;
            margin-bottom: 50px;
            opacity: 0.9;
        }

        .left-section .more-btn {
            width: 180px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background: #fff;
            color: #1a3a80;
            border-radius: 0px 0 0 25px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            outline: none;
        }

        .left-section .more-btn:hover {
            background: #f0f0f0;
            transform: translateX(5px);
        }

        /* 右侧百叶窗区域 */
        .blinds-container {
            width: 70%;
            height: 100%;
            display: flex;
            position: relative;
        }

        .blind-item {
            flex: 1; /* 默认都是 1 */
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
        }

        /* 初始状态：第三个面板默认展开 */
        .blind-item.active {
            flex: 3;
        }

        .blind-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 0.6s ease;
        }

        /* 三个背景图 */
        .blind-item:nth-child(1) .blind-bg {
            background-image: url('/assets/addons/cms/css/images/idex2.png');
        }

        .blind-item:nth-child(2) .blind-bg {
            background-image: url('/assets/addons/cms/css/images/a33.avif');
        }

        .blind-item:nth-child(3) .blind-bg {
            background-image: url('/assets/addons/cms/css/images/idex3.png');
        }

        /* 遮罩层 */
        .blind-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(0, 7, 16, 0.85) 0%, rgba(0, 94, 138, 0.75) 100%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-align: center;
            padding: 40px;
            opacity: 0.9;
            transition: opacity 0.3s ease;
        }

        .blind-item:hover .blind-overlay {
            opacity: 0.95;
        }

        /* 图标样式 */
        .feature-icon {
            width: 70px;
            height: 70px;
            border: 3px solid #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            font-size: 32px;
            transition: transform 0.3s ease;
        }

        .blind-item:hover .feature-icon {
            transform: scale(1.1);
        }

        .feature-title {
            font-size: 24px;
            font-weight:500;
            margin-bottom: 15px;
        }

        .feature-desc {
            font-size: 16px;
            line-height: 1.8;
            opacity: 0.9;
            /* max-width: 300px; */
        }

        /* 第三个面板特殊样式 */
        .energy-panel .blind-overlay {
            /*background: linear-gradient(135deg, rgba(139, 69, 19, 0.85) 0%, rgba(160, 82, 45, 0.75) 100%);*/
        }

        .energy-title {
            font-size: 24px;
            font-weight: 500;
            margin-bottom: 20px;
            text-align: left;
            width: 100%;
        }

        .energy-list {
            text-align: left;
            width: 100%;
        }

        .energy-list p {
            font-size: 18px;
            margin-bottom: 12px;
            opacity: 0.95;
        }

        .arrow-decoration {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .arrow-up, .arrow-down {
            position: absolute;
            width: 80px;
            height: 120px;
            background: linear-gradient(to bottom, rgba(255,215,0,0.7), transparent);
            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        }

        .arrow-down {
            transform: rotate(180deg);
        }
        .indicator1{position:absolute;    bottom: 4%;display:block;
        width:31px;
    right: 4%;}
    .indicator1 img{display:block;max-width:100%}
        /* 响应式适配 */
        @media (max-width: 1200px) {
            .left-section {
                width: 35%;
                padding: 0 40px;
            }
            .blinds-container {
                width: 65%;
            }
        }

        @media (max-width: 768px) {
            .banner-container {
                flex-direction: column;
                height: auto;
            }
            .left-section {
                width: 100%;
                padding: 60px 30px;
            }
            .blinds-container {
                width: 100%;
                height: auto;
                flex-direction: column;
            }
            .blind-item {
                flex: 1;
                transition: flex 0.4s ease;
            }
            .blind-item.active {
                flex: 3;
            }
        }









.wrapboxx{display: flex; 
    flex-wrap: wrap;    align-items: end;
    flex-direction: row;
    transition-property: all;} 
.sell-points123{flex: 1;
    max-width: 100%;
    max-height: 100%;}   
.world-map{flex: 1;
    max-width: 100%;
    max-height: 100%;}  
.sdfwbottom60{margin-bottom:64px;} 




.carousel-control2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 2px #fff solid;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 3;
}

.product-item{justify-content: space-between;
    align-items: center;}
.wnezhi{    justify-content: space-between;
    align-items: center;
    display: flex;gap: 14px;}
.fh{    font-size: 29px;}

.clx:after,.line:after,nav:after,.container:after,section:after,header:after,footer:after{clear:both;}
.clx:before,.clx:after{content:"";display:block;}.clx:after{clear:both;}.clx{*zoom:1;}
.fl1234{    float: right;}
        /* 资讯模块容器 */
        /*.news-container {*/
        /*    width: 100%;*/
            /*max-width: 1200px; */
        /*    margin: 0 auto;*/
        /*}*/

        /* 标题区域 */
 

        /* 标签切换栏 */
        .news-tabs {
            display: flex;
            justify-content: flex-end;
            gap: 25px;
        }
        .news-tab {
                transition: all 0.3s;
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            color: #666;
            cursor: pointer;
         
        }
        .news-tab.active {
            color: #005E8A;
            font-weight: 500;
        }
        /* 标签图标 */
        .tab-icon2 {
            width: 16px;
            height: 16px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .icon-news {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E");
        }
        .icon-industry {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3Cpath d='M7 18h10v-2H7v2zm0-4h10v-2H7v2zm0-4h7v-2H7v2z'/%3E%3C/svg%3E");
        }
        .icon-question {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E");
        }
        .news-tab.active .tab-icon {
            filter: brightness(0) saturate(100%) invert(14%) sepia(80%) saturate(1417%) hue-rotate(202deg) brightness(92%) contrast(91%);
        }

        /* 资讯内容区域 */
        .news-content {
            display: flex;
            gap: 30px;
         
            border-radius: 4px;
      
            padding: 40px 0 20px;
        }
        /* 左侧大图资讯 */
        .news-left {
            flex: 1;
        }
        .news-left:hover{background:#fff;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);}
        .news-left:hover .news-item-big{background:#fff;}
        .news-banner {
            width: 100%;
            /*height: 280px;*/
            object-fit: cover;
                border-radius: 4px 4px 0px 0px;
            /*margin-bottom: 15px;*/
        }
        .news-item-big {
      padding: 14px 20px;
        }
        .news-date {
            font-size:16px;
            color: #999;
            margin-bottom: 5px;
            display: flex;
            align-items: flex-end;
            gap: 5px;
        }
.text-center img{display:block;margin:0 auto}

        .riqishijian{color:#005E8A;font-size: 22px;}
        .news-title-text {
            font-size: 18px;
            color: #333;
            font-weight:600;
            margin-bottom: 8px;
            text-decoration: none;
            display: block;
                transition: all 0.3s;
        }
        .news-title-text:hover {
            color: #005E8A;
        }
  
        .more-btn-small {
        text-align: right;
    margin-bottom: 14px;
    margin-right: 18px;
        }
        .more-btn-small a {
             font-size: 14px;
    color: #333;
    text-decoration: none;
        }
        
        
             .more-btn-small a:hover {
  color: #005E8A;
        }
        
        .more-btn-small a::after {
            content: "";
            width: 8px;
            height: 8px;
            border-top: 1px solid #005E8A;
            border-right: 1px solid #005E8A;
            transform: rotate(45deg);
            display: inline-block;
        }

        /* 右侧列表资讯 */
        .news-right {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .news-item {    transition: all 0.3s;
    box-sizing: border-box;
    padding:10px 16px 20px;
    border-bottom: 1px solid #eee;
        }
        .news-item:hover .news-title-text{ transform: translateX(5px);}
        .news-item:last-child {
            border-bottom: none;
        }

        /* 底部更多按钮 */
        .more-btn-big {
            text-align: right;
            margin-top: 20px;
        }
        .more-btn-big a {
            display: inline-block;
            padding: 10px 30px;
            background-color: #005E8A;
            color: #fff;
            text-decoration: none;
            border-radius: 4px 0 0 4px;
            position: relative;
            font-size: 14px;
            transition: background-color 0.3s ease;
        }
        .more-btn-big a:hover {
            background-color: #143a75;
        }
 
        /* 响应式适配 */
        @media (max-width: 768px) {
     
            .news-content {
                flex-direction: column;
            }
            .news-banner {
                /*height: 200px;*/
            }
            .news-tabs {
                justify-content: flex-start;
                overflow-x: auto;
                padding-bottom: 10px;
            }
            .more-btn-big a {
                padding: 8px 20px;
            }
            .more-btn-big a::after {
                border-top: 20px solid transparent;
                border-bottom: 20px solid transparent;
                border-left: 12px solid #005E8A;
                right: -12px;
            }
        }





#about-section{margin-left: auto;
    margin-right: auto;
    max-width: none;
    width: auto;
    background-image: url(./images/beijing1.jpg);
    min-height: 0;
    padding-bottom: 60px;
    padding-top: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    
    background-attachment: fixed;}
.mingzhi1{font-size: 20px;    color: #005E8A;font-weight: bold;margin-bottom: 10px}



    .subtitle_rr{    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-bottom: 40px;}
.canshuzhi1{font-size:16px;color: #333}
.h3title{font-size:20px;margin-bottom:16px}


.contact-form {
max-width: 500px;
margin: 0 auto;
display: flex;
}
.contact-input {
flex: 1;
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px 0 0 4px;
font-size: 14px;
}
.contact-input:focus {
outline: none;
border-color: #005E8A;
}
.contact-btn {
border-radius: 0 4px 4px 0;
border:none;
}

























/*关于我们页面*/
    @media (max-width: 768px) {
      nav ul {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: #fff;
        flex-direction: column;
        padding: 15px 0;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
      }
      nav ul.show {
        display: flex;
      }
      .mobile-menu-btn {
        display: block;
      }
    }

    /* Banner 区 */
    .aboutbanner {
      height:50vh;
          position: relative;
flex: 1;
background: url(/assets/addons/cms/css/images/z71tw-55vhb.webp) center / cover no-repeat;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding-right: 120px;
padding-bottom: 200px;
padding-left: 120px;
color: #fff;
          
          
          
          
          
    }
    .banner-title {
        color: #f1f1f1;
      font-size: 3rem;
      margin-bottom: 10px;
    }
    .banner-subtitle {color: #f1f1f1;
      font-size: 1rem;
      opacity: 0.9;
    }
    .tab-nav {
        height: 63px;
        width:100%;
      background: rgba(0,0,0,0.3);
      margin-top: 40px;
      display: flex;
      gap: 10px;
      position: absolute;
      bottom: 0;
      left: -1px;
      right:-1px;
      margin:0 auto;
    }
   .tabbbd1{
    display: flex;
    justify-content: space-between;
    align-items: center;
   }
    .tabbbd1>a {
      padding: 20px 28px;
      font-size: 0.9rem;
      color: #f1f1f1;
      transition: background 0.3s;
    }
    .tab-nav a.active {
      background: #f8c50b;
    }
    .tabbbd1>a:hover{  background: #f8c50b;}
    .breadcrumbs {
      text-align: right;
      font-size:0.9rem;
      overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
      opacity: 0.8;
      margin-left: auto;
    }

    /* 视频区 */
    .video-section {
      background: #000;
      color: #fff;
      min-height: 600px;
      text-align: center;
      padding: 80px 0;
      position: relative;
  cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
  
      
    }
    
    
    
    
    
    
    
    .play-btn {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: #fff;
      color: #000;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      margin-bottom: 10px;
      cursor: pointer;
    }
    .video-title {
      font-size: 20px;
      margin-bottom: 5px;
    }
    .video-desc {
 font-size: 1rem;
    opacity: 0.7;
    margin-top:0.3%;
    }
.video-vv{ font-size: 2rem;
  
    margin-top: 1%;}
    /* 关于我们 */
    .about-section {
    position: relative;
      padding: 60px 0;
    }
    .about-wrap {
      display: flex;
      gap: 40px;
      align-items: center;
    }
    .aboutuss-text {
        
      flex: 1;
    }
    .aboutuss-text h2 {
      font-size: 22px;
      margin-bottom: 15px;
      color: #1a4b8c;
    }
 
    .aboutuss-text p {
    line-height: 2;font-size:1rem;
      color: #666;
      margin-bottom: 15px;
    }
    .about-stats {
      /*display: flex;*/
      
      margin-top: 30px;
    }
    .stat-item h3 {
        font-weight: bold;
    color: #005E8A;
      font-size:3.2rem;
    }
    .stat-item p {
      font-size: 1rem;
      color: #666;
    }
    .about-img {
      flex: 1.5;
    }
    .about-img img {
      border-radius: 4px;
    }
    @media (max-width: 768px) {
      .about-wrap {
        flex-direction: column;
      }
      .about-stats {
        justify-content: space-around;
      }
    }

   

    /* 合作客户 */
    .customer-section {
      padding: 60px 0;
    }
    .customer-row {
      overflow: hidden;
      margin-bottom: 20px;
    }
    .customer-track {
      display: flex;
      gap: 40px;
      white-space: nowrap;
    }
    .customer-track.left {
      animation: scrollLeft 20s linear infinite;
    }
    .customer-track.right {
      animation: scrollRight 20s linear infinite;
    }
    @keyframes scrollLeft {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    @keyframes scrollRight {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }
    .customer-logo {
      flex-shrink: 0;
      /*width: 120px;*/
      /*height: 60px;*/
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 4px;
      font-size: 14px;
      color: #666;
    }
.customer-logo img{display:block;max-width:100%}
    /* 全球客户 */
    .global-section {
      padding: 60px 0;
      background: #f9f9f9;
    }
    .global-map {
      background: url("https://picsum.photos/id/101/1200/400") center/contain no-repeat;
      height: 400px;
      position: relative;
    }
    .map-point {
      position: absolute;
      width: 20px;
      height: 20px;
      background: #f8c50b;
      border-radius: 50%;
      cursor: pointer;
    }
    .map-point span {
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translateX(-50%);
      background: #fff;
      padding: 5px 10px;
      border-radius: 4px;
      font-size: 12px;
      white-space: nowrap;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .map-point.us {
      top: 150px;
      left: 20%;
    }
    .map-point.russia {
      top: 120px;
      left: 60%;
    }
    .map-point.africa {
      top: 250px;
      left: 50%;
    }
    .map-point.australia {
      top: 280px;
      left: 75%;
    }

    /* 应用案例轮播 - 2.5张 每次滚动1张 */
    .case-section {
      padding: 80px 0;
      background-color: #394c70;
      color: #fff;
      position: relative;
      overflow: hidden;
    }
    .case-section::after {
      content: "APPLICAT";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 180px;
      font-weight: bold;
      color: rgba(255,255,255,0.05);
      letter-spacing: 10px;
      z-index: 1;
    }
    .case-container {
      width: 90%;
      max-width: 1400px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .case-title-wrap {
      margin-bottom: 40px;
    }
    .case-en-title {
      font-size: 14px;
      color: rgba(255,255,255,0.7);
      letter-spacing: 2px;
      margin-bottom: 8px;
      display: block;
    }
    .case-cn-title {
      font-size: 32px;
      font-weight: 500;
      color: #fff;
    }
    .caseSwiper {
      position: relative;
      padding-bottom: 30px;
      overflow: visible; /* 允许图片露出屏幕外 */
    }
    .case-slide {
      width: 100%;
    }
    .case-slide img {
      width: 100%;
      height: 380px;
      object-fit: cover;
      border-radius: 4px;
    }
    /* 自定义分页进度条 */
    .swiper-pagination-case {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 15px;
    }
    .case-progress {
      flex: 1;
      height: 2px;
      background-color: rgba(255,255,255,0.2);
      position: relative;
    }
    .case-progress-bar {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #e63946;
      width: 20%;
      transition: width 0.3s ease;
    }
    /* 自定义箭头 */
    .case-arrow-btn {
      width: 30px;
      height: 30px;
      border: 1px solid rgba(255,255,255,0.6);
      background: transparent;
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .case-arrow-btn:hover {
      background-color: #e63946;
      border-color: #e63946;
    }
    .case-arrow-btn i {
      font-size: 12px;
    }
    /* 移动端适配 */
    @media (max-width: 768px) {
      .case-slide img {
        height: 220px;
      }
      .case-cn-title {
        font-size: 24px;
      }
      .case-section::after {
        font-size: 80px;
      }
    }


    
    
    /* 主体容器：控制整体宽度和居中 */
    .history-container {
      width: clamp(1200px, 90vw, 1600px); /* 响应式宽度 */
      margin: 0 auto;
      display: flex; /* 左右布局 */
      align-items: flex-start;
      gap: 60px; /* 左侧和右侧的间距 */
      position: relative; /* 为超大背景文字定位 */
    }

    /* 左侧标题区域 */
    .left-title {
      flex: 0 0 280px; /* 固定宽度，不伸缩 */
      padding-top: 10px;
    }

    .left-title .icon-text {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px;
    }

    .left-title .icon {
      width: 32px;
      height: 32px;
      /* 模拟截图里的图标，你可替换成实际svg/png */
      background: url("") no-repeat center;
      background-size: 100%;
    }

    .left-title .en-tag {
      font-size: 14px;
      color: #2c5c97; /* 蓝色标签 */
      letter-spacing: 1px;
    }

    .left-title h2 {
      font-size: 48px;
      font-weight: 700;
      color: #000;
      line-height: 1.2;
      margin-bottom: 16px;
    }

    .left-title .desc {
      font-size: 16px;
      color: #888;
      line-height: 1.5;
    }



    /* 顶部红点 */
    .dot-line::before {
      content: "";
      position: absolute;
      top: -6px; /* 向上偏移，半覆盖竖线 */
      left: 50%;
      transform: translateX(-50%);
      width: 10px; /* 圆点大小 */
      height: 10px;
      background-color: #e6212a;
      border-radius: 50%; /* 圆形 */
    }

    /* 右侧内容区域 */
    .right-content {
      flex: 1; /* 占剩余宽度 */
      padding-top: 10px;
      position: relative;
      margin-left: 3%;
      z-index: 1; /* 确保内容在背景文字上层 */
    }

    .right-content h3 {
      font-size: 36px;
      font-weight: 700;
      color: #000;
      margin-bottom: 24px;
    }

    .right-content .text-content {
      font-size:1rem;
      color: #666;
      line-height: 1.8;
      margin-bottom: 32px;
    }

    .right-content .content-img {
      width: 100%;
      border-radius: 4px; /* 轻微圆角，匹配截图 */
      object-fit: cover;
    }

    /* 超大淡色背景文字（HISTO） */
    .big-bg-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      pointer-events: none; /* 不阻挡交互 */
      white-space: nowrap;
      font-weight: 900;
      font-size: 280px; /* 超大字号 */
      color: rgba(0, 0, 0, 0.03); /* 极低透明度 */
      z-index: 0; /* 放在内容下层 */
      letter-spacing: 10px; /* 字母间距 */
    }

    /* 响应式适配：移动端布局调整 */
    @media (max-width: 768px) {
      .history-container {
        flex-direction: column; /* 竖排布局 */
        gap: 30px;
        padding: 0 20px;
      }

      .left-title {
        flex: none;
        width: 100%;
      }

      .dot-line {
        flex: none;
        width: 100%;
        height: 2px; /* 竖线变横线 */
        margin: 0 auto;
        width: 80px;
      }

      /* 红点位置调整（横线顶部居中） */
      .dot-line::before {
        top: 50%;
        left: -6px;
        transform: translateY(-50%);
      }

      .big-bg-text {
        font-size: 120px; /* 移动端缩小字号 */
      }

      .left-title h2 {
        font-size: 32px;
      }

      .right-content h3 {
        font-size: 24px;
      }
    } 
    
    
.dfgrgrr2{
    flex: 1.5 1 200px;
 
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;}
    
.dfg4444{margin-right: 10px;}
    
    
    
      /* 核心容器 */
    .dot-line {
      position: relative; /* 为伪类定位 */
      /* 控制竖线的位置（比如居中/靠左/靠右） */
      margin: 0 auto; /* 居中展示，可改成 left: 50px 等 */
      width: 2px; /* 竖线宽度 */
     
      background-color: #e6212a; /* 红色（匹配示例） */
    }

    /* 顶部圆点 */
    .dot-line::before {
      content: ""; /* 伪类必须有content */
      position: absolute;
      top: -6px; /* 向上偏移，让圆点一半覆盖竖线顶部 */
      left: 50%; /* 水平居中 */
      transform: translateX(-50%); /* 精准居中 */
      width: 10px; /* 圆点直径 */
      height: 10px; /* 圆点直径 */
      background-color: #e6212a; /* 和竖线同色 */
      border-radius: 50%; /* 圆形 */
    }  
    
    
 .fa-play:before {
    content: "\f04b";
}   
    
    
    .play-button i {
    color: white;
    font-size: 30px;
    margin-left: 5px;
}
    
    
    .play-button:hover {
    transform: scale(1.05);
    background-color: rgba(233, 0, 20, 1);
}
.play-button {
    width: 80px;
    margin: 0 auto;
    height: 80px;
    background-color: rgba(233, 0, 20, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
    
    
    
    
    
    
    
    
    
    
    
    

@media (min-width: 768px) {
    .md\:w-24 {
        width: 6rem;
    }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

    .customer-section {
    position:relative;
      text-align: left;
      flex: 0.5;
      overflow: hidden;
    }

    /* 英文小标题 */
    .customer-section .en-title {
      font-size:1.8rem;
      color:#005E8A; /* 示例中的蓝色 */
      letter-spacing: 2px;
      margin-bottom: 10px;
      font-weight: 500;
    }
.bigtitlegogal {
    position: absolute;
    right: 0;
    letter-spacing: -23px;
    top: 30%;
    transform: translateY(-50%);
    margin-right: calc(var(--betwen-1600-pad) * 0);
    pointer-events: none;
    white-space: nowrap;
    font-weight: 900;
    font-size: calc(var(--wrap-1600-width) * 0.1875);
    line-height: 0.76em;
    color: rgba(0, 0, 0, 0.03);
    z-index: 0;
}
    /* 中文大标题 */
    .customer-section .cn-title {
     font-size: 4rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
    }
     .bigtitle{    position: absolute;
      right:0;    letter-spacing: -23px;
      top: 30%; 
      transform: translateY(-50%); 
      margin-right: calc(var(--betwen-1600-pad) * -1 ); 
      pointer-events: none; 
      white-space: nowrap; 
      font-weight: 900; 
      font-size: calc(var(--wrap-1600-width) * 0.1875); 
      line-height: 0.76em;
      color: rgba(0, 0, 0, 0.03); 
      z-index: 0; 
         
     }
     
     
     
     
       .bigtitle22{  position: absolute;
    right: 12%;
    letter-spacing: -23px;
    top: 6%;
    transform: translateY(-50%);
    margin-right: calc(var(--betwen-1600-pad) * -1);
    pointer-events: none;
    white-space: nowrap;
    font-weight: 900;
    font-size: calc(var(--wrap-1600-width) * 0.1875);
    line-height: 0.76em;
    color: rgba(0, 0, 0, 0.03);
    z-index: 0;
         
     }
     
    /* 描述文字 */
    .customer-section .desc {
      font-size:1.5rem;
      color: #888888;
      font-weight: 400;
    }    
    .sfgwe5463 img{display:block;max-width:100%}
    .sfgwe5463{width:60px}
    
    .aboutusleft1{flex:1.6}
    
    .sdfwe3ii123{display:flex;justify-content: space-around;}
    .gundongpic123{    margin: 5% 0 6%;} 
    .big-text {
    position: absolute;
      left: 0;
      top: 50%; 
      transform: translateY(-50%); 
      margin-left: calc(var(--betwen-1600-pad) * -1 - 0.1em); 
      pointer-events: none; 
      white-space: nowrap; 
      font-weight: 900; 
      font-size: calc(var(--wrap-1600-width) * 0.1875); 
      line-height: 0.76em;
      color: rgba(0, 0, 0, 0.03); 
      z-index: 0; 
}
    :root {
      --wrap-1600-width: clamp(calc(1200px - 30px), 95vw, 1600px); /* 主体容器宽度范围 */
      --betwen-1600-pad: calc((100vw - var(--wrap-1600-width)) / 2); /* 两侧留白宽度 */
    }

@media (max-width: 768px) {
  .big-text {
    font-size: calc(var(--wrap-1600-width) * 0.1); 
    color: rgba(0, 0, 0, 0.05); 
  }
}

/*关于我们页面*/












/*pageabout*/


.relative2345{position: relative;}
.WorldMap{margin:0 auto}
.absolute {
    position: absolute;
}

@keyframes pulse-red {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(230, 0, 18, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(230, 0, 18, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(230, 0, 18, 0); }
}
.text-white\/80 {
    color: rgb(255 255 255 / 0.8);
}
.left-\[22\%\] {
    left: 22%;
}
.top-\[35\%\] {
    top: 35%;
}
.top-\[30\%\]
 {
    top: 30%;
}
.left-\[50\%\] {
    left: 50%;
}

.top-\[48\%\]
 {
    top: 48%;
}
.top-\[38\%\] {
    top: 38%;
}
.left-\[88\%\] {
    left: 88%;
}

.left-\[81\%\] {
    left: 81%;
}
.top-\[80\%\]
 {
    top: 80%;
}


.left-80 {
    left:80%;
}
.top-78
 {
    top: 78%;
}

.left-54 {
    left: 54%;
}

.bottom-27 {
    bottom: 27%;
}

.top-29
 {
    top: 29%;
}

.left-24 {
    left: 24%;
}
.right-28
 {
    right: 28%;
}

.top-19 {
    top: 19%;
}

.top-1rem {
       color: #333;
    font-size: 1rem !important;
    top: 1.6rem;
    left: -1rem;
}


.left-0 {
    left: 0px;
}


.absolute {
    position: absolute;
}



.pulse-dot {
    width: 14px;
    height: 14px;
    background: #e60012;
    border-radius: 50%;
    position: absolute;
    animation: pulse-red 1s infinite;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
}
.font-bold {
    font-weight: 700;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}



.applicationcase{
    overflow:hidden;
    width:100%;position: relative;
    background: #445c8c;
    padding: 4% 0 5%;
}
.applicationcase .swiper-pagination-progressbar{bottom:-1!important}
.applicationcase .swiper-button-next:after,.applicationcase .swiper-button-prev:after
 {
    font-family: swiper-icons;
    font-size: 20px;}
.applicationcase .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#cf1a1c;}

.applicationcase .swiper-pagination-progressbar
{
    background: rgba(255, 255, 255, .8);
    position: absolute;
    width:93%!important
}

.customer-section .en-title2 {
    font-size: 1.8rem;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-weight: 500;
}
.customer-section .cn-title2 {
    font-size: 4rem;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.2;
}
.applicationcase .swiper-button-prev{
    right: 47px!important;left: auto;
}


.applicationcase .swiper-button-next,.applicationcase .swiper-button-prev {
    position: absolute;
    color: #fff;
}


 .swiper {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
    }

.container22 {
    position: relative;
    width: 94%;
    display: flex;
    align-items: center;
    height:44px;
    max-width: 1400px;
    margin: 3% auto 0px;
}


/*pageabout*/

.news5content  span{white-space: normal;
    text-wrap-mode: wrap!important;
    overflow-wrap: break-word!important;
    word-break: break-all!important;}

.news5content p{white-space: normal;
    text-wrap-mode: wrap!important;
    overflow-wrap: break-word!important;
    word-break: break-all!important;}

/*新闻内页*/

        /* 容器样式 */
        .news-container {
        margin: 5rem 0;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 40px;
        }
        /* 单个新闻卡片 */
        .news-card {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }
        .news-card:hover .date-number{color:#e03a3e}
        .news-card:hover .date-text{color:#e03a3e}
        .news-card:hover .btn-outline{color:#fff;background:#e03a3e}
        /* 日期区域 */
        .date-wrapper {
            display: flex;
            align-items: baseline;
            gap: 8px;
            margin-bottom: 10px;
        }
        .date-number {
            font-size: 48px;
            font-weight: bold;
            color:#999; 
            line-height: 1;
        }
        .date-text {
            font-size: 18px;
            color: #999;
        }
    
        /* 图片容器 */
        .news-img {
            width: 100%;
            height: 280px;
            overflow: hidden;
            border-radius: 4px;
        }
        .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .news-img:hover img {
            transform: scale(1.02);
        }
        /* 标题和简介 */
        .news-title {
            font-size: 1.1rem;
            color: #333;
            font-weight: 600;
            line-height: 1.4;
        }
        .news-desc {
            font-size:1rem;
            color: #666;
            line-height: 1.6;
          
        }
        /* 按钮样式 */
        .news-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 10px 24px;
            border-radius: 4px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        /* 主按钮（红色） */
        .btn-primary {
            background-color: #e03a3e;
            color: #fff;
            border: none;
        }
        .btn-primary:hover {
            background-color: #c92a2e;
        }
        /* 次要按钮（白色边框） */
        .btn-outline {
            background-color: #fff;
            color: #666;
            border: 1px solid #ddd;
        }
        .btn-outline:hover {
            border-color: #e03a3e;
            color: #e03a3e;
        }
        /* 箭头图标 */
        .news-btn i {
            font-size: 12px;
        }

   

/*新闻内页*/











/* 页脚 */
footer {
background: #222;
color: #ccc;
padding: 40px 0 20px;
}
.footer-inner {
display: grid;
grid-template-columns: 1.8fr 1.2fr;
gap: 30px;
}
.footer-links {
display: grid;
grid-template-columns: repeat(5,1fr);
gap: 20px;
margin-top: 20px;
}
.footer-link-column h4 {
font-size:16px;
color: #fff;
margin-bottom: 10px;
}
.footer-link-column ul li {
font-size: 14px;
color: #ccc;
margin-bottom: 5px;
cursor: pointer;
}
.footer-link-column ul li:hover {
color: #fff;
}
.footer-contact {
margin-top: 20px;
}
.footer-contact h4 {
font-size:16px;
color: #fff;
margin-bottom: 10px;
}
.footer-contact p {
font-size:14px;
margin-bottom: 5px;
}
.footer-bottom {
border-top: 1px solid #333;
padding-top: 20px;
text-align: center;
font-size: 14px;
margin-top: 30px;
}
.navig_aa{color: #fff}
.scroll .navig_aa{color: #000!important}
.scroll .logo .imgshowww{display: none !important;}
.scroll .logo .toimgshowww{display: block !important;}
.scroll{    box-shadow: 5px 10px 30px -5px rgba(0, 0, 0, 0.1) !important;}
/* 响应式适配 */
@media (max-width: 1024px) {
.partners-grid {grid-template-columns: repeat(4,1fr);}
.banner-slider {height: 350px;}
.slider-title {font-size: 24px;}
}
@media (max-width: 992px) {
nav ul {display: none;flex-direction: column;position: absolute;top:70px;left:0;width:100%;background:rgba(255,255,255,0.95);padding:15px;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
nav ul li {padding:10px 0;border-bottom:1px solid #eee;}
.mobile-menu {display: block;}
.about-inner,
.product-detail,
.features-inner,
.news-list,
.footer-inner {
grid-template-columns: 1fr;
}
.footer-links {grid-template-columns: repeat(3,1fr);}
.banner-slider {height: 300px;}
.slider-control {display: none;}
}
@media (max-width: 768px) {
.features {grid-template-columns: 1fr;}
.partners-grid {grid-template-columns: repeat(3,1fr);}
.footer-links {grid-template-columns: repeat(2,1fr);}
.banner-slider {height: 250px;}
.slider-title {font-size: 20px;}
.slider-desc {font-size: 14px;margin-bottom: 15px;}
.about-stats {flex-direction: column;gap:15px;}
.product-tabs {
gap: 10px;
}
.tab-item {
padding: 8px 12px;
min-width: 80px;
font-size: 12px;
}
.thumb-item {
min-width: 70px;
height: 70px;
}
}
@media (max-width: 576px) {

}

.dfg347677pror{position: absolute;
    right: 13%;
    border: 1px solid #fff;
    z-index: 99999;
    bottom: 8%;}
        .carousel-container {
            position: relative;
            width: 100%;
            /*max-width: 1920px;*/
            margin: 0 auto;
            overflow: hidden;
            /* 响应式高度 */
            height: 88vh;
        }

        /* 轮播项 */
        .carousel-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }

        .carousel-item.active {
            opacity: 1;
            z-index: 1;
        }

        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* 遮罩层 - 增强文字可读性 */
        .carousel-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
        }

        /* 文字内容 */
        .carousel-content {
            position: absolute;
            top: 29%;
           left:50%;
            /*transform: translate(-50%, -50%);*/
            text-align: center;
            color: white;
            padding: 0 20px;
            max-width: 1200px;
            width: 65%;
            opacity: 0;
            transform: translate(-50%, -40%);
            transition: opacity 1s ease-out, transform 1s ease-out;
            z-index: 2;
        }

        .carousel-item.active .carousel-content {
            opacity: 1;
            transform: translate(-50%, -50%);
        }

        .carousel-content h2 {
            font-weight: 800;
            font-size:66px;
            color: #fff;
            margin-bottom: 1rem;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        }

        .carousel-content p {
            font-size: 3rem;
            color: #000;
            margin-bottom: 1.5rem;
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
            line-height: 1.6;
        }

        .RequestQuote222 {
            text-align: center;
            width: 200px;
            display: block;
            margin: 0 auto;
         background-image: linear-gradient(left,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(left, #d70e18, #a9151d);
    background-image: -moz-linear-gradient(left,#d70e18,#a9151d);
    background-image: -o-linear-gradient(left,#d70e18,#a9151d);
    background-image: linear-gradient(to right, #d70e18, #a9151d);
    background-image: -webkit-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -o-linear-gradient(to right,#d70e18,#a9151d);
            color: white;
            border: none;
            padding: 12px 24px;
            font-size:2rem;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
        }


        .RequestQuote222:hover {
            background-color: #e02020;
            transform: translateY(-2px);
            color: #eee;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        }

        /* 指示器 */
        .carousel-indicators {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            z-index: 3;
            display: none;
        }

        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .indicator.active {
            background-color: #ff3333;
            width: 30px;
            border-radius: 6px;
        }

        /* 控制按钮 */
        .carousel-control {
position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: 2px #fff solid;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 3;
        }


    .marker-bubble {
    position: absolute;
    bottom:31px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    padding: 20px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    white-space: nowrap;
}
.marker-bubble::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}
.bubble-title {
    font-size:1.1rem;
    font-weight: 500;
    color: #111;
}
.bubble-subtitle {
    font-size:1rem;
    color: #999;
}


        .carousel-control:hover {
            background-color: #005E8A;
            border: 2px #005E8A solid;
        }

        .prev {
            left:-156px;
        }

        .next {
            right: 15px;
        }




    .shownewss{background:#eee;padding:3% 0}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
        .newsccontainer {
            background-color: #ffffff;
      
            margin: 0 auto;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
        }
        .newszz-title {
            font-size:2rem;
            font-weight: bold;
            color: #222;
            margin-bottom: 15px;
        }
        .news-meta {
               border-bottom: 1px solid #d8d8d8;
    font-size: 1rem;
    color: #888;
    margin-bottom: 25px;
    padding-bottom: 25px;
    display: flex;
    gap: 20px;
        }
        .news-content p {
            font-size: 14px;
            line-height: 1.8;
            color: #333;
            margin-bottom: 15px;
            text-align: justify;
        }
        .news-image {
            width: 100%;
            margin: 25px 0;
            border-radius: 4px;
            display: block;
        }
        .news-navee {
            margin-top: 40px;
            border-top: 1px solid #d8d8d8;
            padding-top: 20px;
            font-size:1rem;
            color: #555;
        }
        .news-navee a {
            color: #e4393c;
            text-decoration: none;
        }
        .news-navee a:hover {
            text-decoration: underline;
        }
    .news-navee p{    margin-bottom: 10px;}
    
    .news5content{font-size: 1.1rem;line-height:2}



        

    /* 标题区域 */
    .contact-title {
      margin-bottom: 25px;
    }
    .contact-title h2 {
      font-size:2rem;
      color: #1a3b6e;
      font-weight: bold;
      margin-bottom: 8px;
    }
    .contact-title p {
      font-size:1.1rem;
      color: #333;
      margin-bottom: 10px;
    }
    .title-line {
      width: 35px;
      height: 3px;
      background: #1a3b6e;
    }
    /* 内容布局 */
    .contact-row {
      display: flex;
      gap: 25px;
      margin-bottom: 35px;
      flex-wrap: wrap;
    }
    /* 左侧图片 */
    .company-img {
      flex: 1;


    }
    /* 右侧信息卡片 */
    .info-card {
      flex: 1;
      min-width: 400px;
      background: #f5f5f5;
      padding: 30px;
      border-radius: 4px;
      position: relative;
    }
    .info-card .contact-btn {
      display: inline-block;
      background: #1a3b6e;
      color: #fff;
      padding: 8px 28px;
      border-radius: 30px;
      font-size: 14px;
      margin-bottom: 22px;
    }
    .info-card h3 {
      font-size: 2rem;
      margin-bottom: 15px;
      color: #222;
    }
    .info-list {
      list-style: none;
      font-size: 1rem;
      line-height: 2.3;
      color: #333;
    }
    .info-list li i {
      width: 20px;
      color: #1a3b6e;
      margin-right: 6px;
    }
    /* 二维码 */
    .qrcode-box {
      position: absolute;
      top: 30px;
      right: 30px;
      text-align: center;
    }
    .qrcode {
      width: 90px;
      height: 90px;
      background: #fff;
      border: 1px solid #ddd;
      margin-bottom: 6px;
    }
    .qrcode-box p {
      font-size: 12px;
      color: #666;
    }
    /* 地图 */
    .map-box {
      width: 100%;
      height: auto;
      background: #eee;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      color: #666;
    }
    .topbbbpx{margin:4% auto 7%!important}




    /* 产品网格布局 */
    .product-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-bottom: 40px;
    }
    /* 产品卡片通用样式 */
    .product-card {
      border: 2px solid #eee;
      border-radius: 1px;
      overflow: hidden;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
    }
    /* 选中的主卡片样式（第一张高亮） */
    .product-card.active {
      border-color: #003366;
      box-shadow: 0 0 0 2px #003366;
    }
    /* 产品图片容器 */
    .product-img {
  
      background: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
    }
    .product-img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      transition: transform 0.3s ease;
    }
    /* 主卡片图片遮罩 */
    .product-card.active .product-img::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 51, 102, 0.05);
      z-index: 1;
    }
    /* 放大图标 */
    .zoom-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.8);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      color: #003366;
      z-index: 2;
      opacity: 0;
      transition: opacity 0.3s ease;
    }
    .product-card:hover{ 
        background: #003366;
            border: 2px solid #003366;
    }
    .product-card:hover::before
    {
    z-index: 9;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 42, 94, 0.1);
    }
    
    .product-card:hover .zoom-icon {
      opacity: 1;
    }
     .product-card:hover .product-name {
      color: #fff;
    }
    .product-card:hover .product-dd{
       color: #fff; 
    }
    /* 产品底部信息栏 */
    .product-info {
      padding: 12px 15px;
      display: flex;
      flex-direction: column;
    }
    /* 主卡片底部蓝色栏 */
    .product-card.active .product-info {
      background: #003366;
      color: #fff;
    }
    /* 产品名称 */
    .product-name {
      font-size:1rem;
      color: #333;
      margin-bottom: 5px;
      font-weight: 500;
    }
    .product-card.active .product-name {
      color: #fff;
    }
    /* Detail 链接 */
    .product-dd {
      font-size:0.9rem;
      color: #999;
      display: flex;
      align-items: center;
    }
    .product-card.active .product-dd {
      color: #ddd;
    }
    .product-dd i {
      font-size: 10px;
      margin-left: 5px;
    }
    /* 分页控件 */
.comm222 .pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
.comm222 .page-btn {
      width: 36px;
      height: 36px;
      border: 1px solid #eee;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 2px;
      cursor: pointer;
      font-size: 14px;
      color: #666;
      transition: all 0.2s ease;
    }
.comm222 .page-btn:hover {
      border-color: #003366;
      color: #003366;
    }
    /* 禁用的分页按钮 */
.comm222 .page-btn.disabled {
      cursor: not-allowed;
      opacity: 0.5;
      border-color: #eee;
      color: #ccc;
    }
.comm222 .page-btn.disabled:hover {
      border-color: #eee;
      color: #ccc;
    }
    /* 当前页码样式 */
.comm222 .page-num.active {
      background: #003366;
      color: #fff;
      border-color: #003366;
    }
    
    
.comm222 .page-btn.disabled

 {
    cursor: not-allowed;
    opacity: 0.5;
    border-color: #eee;
    color: #ccc;
}
    
    
.comm222 .pagination li
 {
    width: 36px;
    height: 36px;
    border: 1px solid #eee;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    transition: all 0.2s ease;
}
    
.comm222 .pagination li:hover
 {
    border-color: #003366;
    color: #003366;
}
.comm222 .pagination li a{display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;}
.comm222 .pagination li span{display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    text-align: center;
    justify-content: center;}
.comm222 .pagination .active {
    background: #003366;
    color: #fff;
    border-color: #003366;
}
.comm222 .pagination .active:hover

 {
    color: #fff;
}  
.comm222 .pagination .disabled{    cursor: not-allowed;
    opacity: 0.5;
    border-color: #eee;
    color: #ccc;}
.comm222 .pagination .disabled:hover {
    border-color: #eee;
    color: #ccc;
}    
    
.productcon{padding:5rem 0}
    /* 响应式适配 */
    @media (max-width: 992px) {
      .product-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 576px) {
      .product-grid {
        grid-template-columns: 1fr;
      }
     
    }






        /* 移动端适配 */
        @media (max-width: 768px) {
            .carousel-control {
      
                width: 36px;
                height: 36px;
            }
            
            .indicator {
                width: 10px;
                height: 10px;
            }
            
            .indicator.active {
                width: 24px;
            }
            
            .carousel-content button {
                padding: 10px 20px;
                font-size: 0.9rem;
            }
            .RequestQuote222{font-size:1.7rem}
            .carousel-content h2{font-size:2.5rem;color:#fff;text-shadow: none;}
            .carousel-content{width:99%;top:66%;}
            
            .carousel-content p {
                display: none!important;
    font-size: 2rem;color:#fff;        text-shadow: none;}

    .prev{left:0px;}
    .bubble-title {
    font-size: 0.8rem;}
    
    
.bubble-subtitle {
    font-size:0.8rem;

}
.carousel-container {

    height:58vh;    }
    
    .tabbbd1 {
    display: block;}
    
    .tab-nav {
    height:auto;

background:none;}
    .breadcrumbs {
    font-size: 0.8rem;}
    
    
    .tabbbd1>a {
    padding: 8px 4px;
    width: 22%;
    font-size: 0.8rem;}
    
    .partners-grid {grid-template-columns: repeat(2,1fr);}
.footer-links {grid-template-columns:repeat(2,1fr);}
.section-title {font-size: 18px;}
.banner-slider {height: 200px;}
.slider-title {font-size: 18px;}
.slider-desc {display: none;}
.product-tabs {
justify-content: flex-start;
}
.tab-item {
width:31.33%;
padding: 6px 8px;
}
.thumb-item {
min-width: 60px;
height: 60px;
}
.thumb-item p {
font-size: 10px;
}
    
.wrapboxx {
    display: block;}
    
.tab-content{padding:10px} 
 
 .carousel-track {
    overflow: hidden;}
 .sales-network {
    overflow: hidden;}
.sdfwbottom60 {
    margin-bottom: 10px;
}
.sdfwtop42 {
    margin-top: 10px;
}
  #about-section {
    overflow: hidden;}
    
.blind-overlay{position:relative}
    
    
    
        }







@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}



/* 响应式适配 */
@media (max-width: 768px) {
.navig_aa{color: #333;}
.nav-tab{font-size: 0.9rem;    padding: 10px 9px;}
.date-number {
font-size: 36px;
}
.text-center img {max-width:100%!important;}
.news-img {
height: 200px;
}
.tab-nav{bottom:15px;}
.aboutbanner{height: 40vh;
  
    padding-right: 0;
    padding-bottom: 24%;
    padding-left: 0;

    
}
.newsccontainer{padding:10px}
.newsccontainer .news-cont{width:auto!important;}
.banner-title {
    font-size: 1.5rem;}

.xingneng1{font-size:12px;}
.xingneng2 {
    display: block;
    font-size: 12px;
}
.qrcode-box {display:none}
}
/* 响应式适配 */


@keyframes fa-bounce {
    0% {
        transform: scale(1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
    }

    57% {
        transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
    }

    64% {
        transform: scale(1) translateY(0)
    }

    to {
        transform: scale(1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, .4)
    }
}

@keyframes fa-beat-fade {

    0%,
    to {
        opacity: var(--fa-beat-fade-opacity, .4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,
    24% {
        transform: rotate(-18deg)
    }

    12%,
    28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,
    to {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}