:root{
    /* --primary-color:#1E3FD1; */
    --primary-color:#033793;
}
/* 针对 UEditor 表格的容器（如 .ueditor-content 为编辑器内容的父容器） */
table {
  border-collapse: collapse !important; /* 合并边框，避免双线条 */
  border-spacing: 0; /* 清除单元格间距 */
  border: 1px solid #d8d8d8; /* 表格外边框（可选） */
}
table td,
 table th {
  border: 1px solid #d8d8d8; /* 单元格边框 */
  padding: 5px 10px; /* 单元格内边距（可选） */
}
table a{
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #333333;
     text-decoration: underline !important; /* 强制显示下划线 */
}
.pc-css{
    display: block;
}
.web-css{
    display: none;
}

.header-top{
    position: relative;
    background-color:#ffffff;
    /* opacity: 90%; */
    height:130px;
    line-height: 130px;
    z-index: 9999;
    width: 100%;
    /* border-bottom: 1px solid #757575; */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15)
}
.index{
     width: 100%;
      overflow-y: hidden; /* 隐藏垂直滚动条并禁止垂直滚动 */
     /* 如需同时处理水平滚动条 */
     overflow-x: hidden; /* 隐藏水平滚动条并禁止水平滚动 */
     margin-top: 0px;
}

.header-top-k{
    width:1200px;
    height:130px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
}
 .header-top-web{
    display: none;
}
.htk-line1{
    width: 100%;
    height: 60px;

    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.header-top-logo{
    padding-top:20px;
    width:15%;
    float: left;
}
.header-top-logo img{
    width:100%;
    height: auto;
    display: block; /* 去除图片底部可能出现的空白间隙 */
    object-fit: cover; /* 可选：如果需要裁剪图片填满容器（可能会截断部分内容） */
}
.header-top-k-menu{
   height:70px;
   width:1200px ;
   display: flex;
   justify-content: space-between;
}
.htkm-list{
    width:200px;
    height:70px;
    line-height: 70px;
    display: inline-block;
    position: relative; /* 保持相对定位作为参考系 */
    text-align: center;
}
.htkm-list:first-child{
    text-align: left;
    width: 80px;
}
.htkm-list>a{
    color:inherit;
     /* 新增：确保链接为块级以填充父元素 */
    display: inline-block;
    text-decoration: none;
}


/* 下拉菜单项样式 */
.dropdown {
    position: absolute;
    width: 200px;
    top: 100%; /* 顶边与父元素底边对齐 */
    left: 0; /* 左边相对于父元素左移50% */
    /* 关键修复：使用 transform 基于自身宽度向左移动50% */
    transform: translateX(0) translateY(10px);
    background-color: #ffffff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease; /* 恢复过渡效果使动画更流畅 */
    z-index: 99;
    /* 新增：防止下拉菜单内容溢出 */
    box-sizing: border-box;
    z-index: 99;
    padding:0 10px;
}
.dropdown-item {
    border-bottom: 1px solid #f1f1f1;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-link {
    display: flex;
    height:50px;
    line-height: 13px;
    align-items: center;
    justify-content: center;
    color: #34495e;
    font-size: 14px;
    transition: all 0.2s ease;
}

.dropdown-link:hover {
    background-color: var(--primary-color);
    color: white;
}


.header-top-k-op{
    width: 85%;
   height:60px;
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.htko-tel{
   color: var(--primary-color);
   font-size:24px;
   font-weight: 700;
   margin-right:40px;
}
.htko-tel img{
    width:20px;
    margin-right:10px;
}
.htko-sercher{
    width:360px;
    margin-right:100px;
    position: relative;
}
.htko-sercher button{
     /* 去除默认边框 */
    border: none;
    /* 去除默认背景 */
    background: none;
    /* 去除点击时的默认焦点边框（根据需求保留或修改） */
    outline: none;
    /* 去除默认内边距 */
    padding: 0;
    /* 去除默认字体样式（如字体加粗） */
    font: inherit;
    /* 去除默认 cursor（鼠标悬停时的指针样式） */
    cursor: pointer;
    /* 去除默认的用户选择限制 */
    user-select: none;
    /* 去除可能的浏览器特定样式（如Firefox的内边框） */
    -webkit-appearance: none; /* 兼容WebKit内核浏览器（Chrome/Safari） */
    -moz-appearance: none; /* 兼容Firefox */
    appearance: none;
}
.htko-sercher-input-ico{
    position: absolute;
    right:10px;
    top:6px;
    width: 20px;
    height:20px;
}
.htko-sercher-input{
    width:100%;
    height:36px;
    line-height: 36px;
    border:none;
    background-color: #f7f7f7;
    padding:0px 100px 0px 20px;
    box-sizing: border-box;
    list-style: none;
    
}
.htko-sercher-input::placeholder{
   color:#979797;
}
/* 去除input点击时的默认边框和外边框 */
.htko-sercher-input:focus {
  /* 清除浏览器默认的外边框 */
  outline: none;
  /* 可选：如果有默认边框，也可以清除 */
  border: none;
  /* 可选：如果需要自定义焦点样式，可以在这里设置 */
  /* 例如：border: 1px solid transparent; */
}

.header-top-op-cn{
    margin-left:20px;
  
}
.htoc-x{
    width:80px;
    text-align: center;
    list-style: none;
    position: relative;
}
.htoc-x-x>a{
    color:#979797;
    font-size:14px;
}
.htoc-x-x{
    display: flex;
    align-items: center;
}
.htoc-xl {
    position: absolute;
    top: 80px;
    left: 0;
    min-width: 80px;
    background-color: white;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px);
    transition: all 0.5s ease;
    z-index: 99;
    height:40px;
    line-height: 40px;
}
/* 下拉菜单样式 */ 
.htoc-x:hover .htoc-xl {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.header-top-op-cn>a:hover{
   color:#0179F1;
}
.rdmilogin{
  margin-left:20px;

}
.rdmilogin>a{
    color: var(--primary-color);
    font-weight: 700;
}

/* 下拉菜单样式 */ 
.htkm-list:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.htkm-list:hover{

    transition: all 0.3s ease;
}
.htkm-list:hover>a{
    color:var(--primary-color);
    font-weight: 700;
}







/* 轮播容器样式 */
.banner-top{
    width: 100%;
    height:420px;
    background-color: var(--primary-color);
    border: 0;
    outline: none;
    display: block; /* 有时能解决 inline 元素带来的间隙问题 */
}
.carousel-container {
    position: relative;
    width: 100%;
    max-width: 100%; /* 确保容器不超出父元素 */
    border: 0;
    outline: none;
    display: block; /* 有时能解决 inline 元素带来的间隙问题 */
}

/* 轮播轨道样式 - 关键布局 */
.carousel-track {
    display: flex; /* 使用Flexbox布局 */
    transition: transform 0.5s ease-in-out; /* 平滑过渡动画 */
    /* 轨道宽度会通过JS动态计算，这里不设置固定值 */
}



/* 图片样式 */
.banner-top-img {
    width: 100%; /* 图片宽度适应父容器 */
    height: 420px; /* 高度自动，保持比例 */
    display: block; /* 去除图片底部间隙 */
    object-fit: cover; /* 可选：保持比例并覆盖容器 */
}

/* 箭头按钮样式 */
.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: rgba(3, 55, 147, 0.4);
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.carousel-arrow:hover {
    background-color: rgba(0, 0, 0, 0.2);
    transform: translateY(-50%) scale(1.1);
}

.carousel-arrow.prev {
    left: 15px;
}

.carousel-arrow.next {
    right: 15px;
}
.carousel-arrow img {
   width: 20px;
   height: 20px;
}



/* 隐藏只有一张图片时的箭头 */
.carousel-container:has(.banner-top:only-child) .carousel-arrow {
    display: none;
}




/* 关于RDMi */
.aboutus{
    margin-left:calc(50% - 600px);
    padding-top:80px;
    padding-bottom: 60px;
    width: 1200px;

}
.qjtitle{
    /* position:relative; */
    width:100%;
    text-align: center;
    font-size: 36px;
    font-weight: 700; 
}
.qjtitle-web{
    display: none;
}
.qjtitle i{
    font-size:26px;
    vertical-align: super; /* 靠上对齐（上标效果） */
    margin-left: 2px; /* 可选：与前面文字保持一点距离 */
}
.qjtext{
    margin-top:10px;
     width:100%;
    text-align: center;
    font-size: 24px;
    color: #979797;
    line-height: 24px;
}
.qjtext a{
    color: #979797;
}
.qjcontent{
    width:100%;
    line-height: 30px;
    font-size:18px;
    margin-top:60px;
}



/* 以下为服务过的部分客户样式 */
.mycustom{
    width: 100%;
    background-color: #ffffff;
    padding-top:60px;
    padding-bottom: 40x;
    box-sizing: border-box;
}
.mycustom-k{
    margin-left:calc(50% - 600px);
    padding-top:80px;
    padding-bottom: 60px;
    width: 1200px;
    overflow: hidden;
    height: auto;
}

 /* 容器样式 */
    #carouselContainer {
        
        overflow-x: hidden;
        overflow-y: hidden;
        position: relative;

        margin-top: -20px;

    }
    
    /* 滚动容器 - 关键：使用flex布局确保轨道在同一行 */
    #scrollContainer {
        display: flex !important;
        flex-direction: row !important;
        width: auto; /* 宽度自适应内容 */
    }
    
    /* 轨道样式 - 确保两个轨道完全一致 */
    .track-item {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    
    /* 行容器样式 - 确保每行高度一致 */
    .carousel-row {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        height: 70px !important; /* 固定行高（图片120px + 内边距16px） */
        margin: 0 !important;
        padding: 0 !important;
        justify-content: center;
        align-items: center;
    }
    
    /* 图片项样式 */
    .carousel-item {
        flex: 0 0 auto !important;
        padding: 4px !important;
        box-sizing: border-box !important;
    }
    
    /* 图片卡片样式 */
    .image-card {
        background: #fff;
        overflow: hidden;
        /* box-shadow: 0 1px 3px rgba(0,0,0,0.2); */
        height: 100% !important;
    }
    
    .image-card img {
        width: 100%;
        height: 40px;
        object-fit: cover;
        display: block;
    }
    
    /* 空白占位符样式 */
    .placeholder-item {
        background: #dfdfdf;
        border: 1px dashed #d1d5db;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #9ca3af;
    }
    

    /* 以下为客户视角样式 */
    .khsj{
        width: 100%;
        height: 260px;
        background-color: #ffffff;
        margin-top:8px;
    }
    .khsj-k{
        margin-left:calc(50% - 600px);
        width: 1200px;
        overflow: hidden;
        display: flex;
        align-items: center;
        padding:10px 0px;
        box-sizing: border-box;
    }
    .khsj-k-left{
        width:16%;
        height:240px;
        display: flex;
        align-items: center;
    }
    .khsj-k-left img{
        width:180px;
        height:200px;
        
    }
    .khsj-k-center{
        width:10%;
        font-size:36px;
        font-weight: 700;
    }
    .khsj-k-center-en{
        width:20%;
        font-size:36px;
        font-weight: 700;
    }
    .khsj-k-right{
        width: 74%;
        height:200px !important;
        padding:15px 20px 20px 30px;
        box-sizing: border-box;
         background-color: #F7F7F7;
          box-sizing: border-box;
    }
    .khsj-k-right-en{
        width: 64%;
        height:200px !important;
        padding:15px 20px 20px 30px;
        box-sizing: border-box;
         background-color: #F7F7F7;
          box-sizing: border-box;
    }
    .kkr-k{
         height:180px;
         overflow: hidden;
         position: relative;
    }
    /* 滚动包裹层：用于位移实现滚动 */
    #kkr-scrollWrapper {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            transition: transform 0.5s ease-in-out; /* 平滑滚动动画 */
            
        box-sizing: border-box;
        /* background-color: #F7F7F7; */
    }
    .kkr-k-line{
        width:100%;
        height:45px !important;
        display: flex;
        align-items: center;
    }
    .kkr-k-line-yuan{
        color:#D8D8D8;
        background-color: #d8d8d8;
        width:15px;
        height:15px;
        border-radius: 50%;
        object-fit: cover; /* 保持图片比例并填充圆形 */
    }
    .kkr-k-line-title{
        padding:0px 20px;
        box-sizing: border-box;
        width:calc(80% - 17px);
        white-space: nowrap;      /* 强制文字在一行显示，不换行 */
        overflow: hidden;         /* 隐藏超出容器的内容 */
        text-overflow: ellipsis;  /* 超出部分显示省略号（...） */
        /* 可选：设置容器宽度，确保内容有明确的边界 */

    }
    .kkr-k-line-time{
        width:20%;
        text-align: right;
        color: #CDCCCC;
        font-size: 14px;
    }

    /* 我们的服务 */
    .myserver{
        width: 100%;
        background-color: #ffffff;
        margin-top:8px;
        padding:60px 0px;
        box-sizing: border-box;
    }
    .myserver-k{
        margin-left:calc(50% - 600px);
        width: 1200px;
        overflow: hidden;
        padding:10px 0px;
        box-sizing: border-box;
    }
    .myserver-content{
        width:100%;
        margin-top:60px;
    }
    .myserver-list{
        width:20%;
        height:180px;
        float: left;
        margin: 0 auto; /* 父容器自身水平居中（可选，若需要父容器在页面中居中） */
        text-align: center; /* 让行内/inline-block子元素水平居中 */
        padding: 30px 15px;
        box-sizing: border-box;
        border: 1px solid #eee; /* 可选，方便观察布局范围 */
    }
    .myserver-list:hover{
        background-color: #f7f7f7;
       
    }
    .myserver-list img{
        width:30%;
    }

    /* 我们的优势 */
    .myadvantage{
        background-image: url("../img/bg_youshi.jpg"); /* 桌面端图片 */
         background-color: #0066cc;
         background-size: cover; /* 保持覆盖特性 */
        background-repeat: no-repeat;
        width: 100%;
        
        padding:120px 0px 0px 0px;
        box-sizing: border-box;
        color:#ffffff;
    }
    .myadvantage-k{
        margin-left:calc(50% - 600px);
        width: 1200px;
        overflow: hidden;
    }
    .myadvantage-list{
        width:100%;
        margin-top:40px;
        display: flex;
        height:auto;
    }
    .myadvantage-list-web{
        display: none;
    }
    .myadvantage-list-left{
        width:30%;
        text-align: right;
    }
    .myadvantage-list-left .mll-line{
        text-align: right;
        width:90%;
        float: right;
    }

    .mll-line-title{
        font-size:26px;
        font-weight: 700;
        margin-top:30px;
        width:100%;
    }
    .mll-line-text{
        text-indent: 35px;
        width:100%;
        min-height: 100px;
        text-align: left;
        
    }
    .myadvantage-list-center{
        width:40%;
        display: flex;
        justify-content: center;
    }
    .mlc-circle{
            width: 400px; /* 宽度为父容器的30% */
           height:400px;
            border-radius: 50%;
            border: 4px solid #ffffff;
            margin-top: 30px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
    }
 
     .mlc-circle img{
        width:150px;
        height:150px;
     }
     .mlc-circle-ico{
        width:80px;
        height:80px;
     }
     .mlc-circle-ico img{
        width:80px;
        height:80px;
     }
     .ico1 {
        width:80px;
        height:80px;
        position: absolute;
        top:0px;
        left:30px;
     }
     .ico2 {
        width:80px;
        height:80px;
        position: absolute;
        top:150px;
        left:-36px;
     }
      .ico3 {
        width:80px;
        height:80px;
        position: absolute;
        top:300px;
        left:30px;
     }
      .ico4 {
        width:80px;
        height:80px;
        position: absolute;
        top:0px;
        right:30px;
     }
      .ico5 {
         width:80px;
        height:80px;
        position: absolute;
        top:150px;
        right:-36px;
     }
      .ico6 {
        width:80px;
        height:80px;
        position: absolute;
        top:300px;
        right:30px;
     }
    .myadvantage-list-right{
        width:30%;
    }
    .mlr-line{
        text-align: left;
        width:90%;
    }


   
   


    /* 创新产品 */
    .products{
       width:100%;
        padding:80px 10px 60px 10px;
        box-sizing: border-box;
        display: none;
    }
   

/* 文章详情页 */
    .rdmicontent{
        margin-left:calc(50% - 600px);
        width: 1200px;
        overflow: hidden;
        margin-top:30px;
        padding:0;
        box-sizing: border-box;
    }
    .daohan{
        font-size:15px;
        color: #979797;
    }
    .rdmicontent-k{
        width:100%;
        padding:30px 0px;
        box-sizing: border-box;
    }
    .rdmicontent-k-left{
        width:70%; 
        float: left;
        padding-right:40px;
        box-sizing: border-box;
    }
    .rkl-title{
        width:100%;
        font-size:26px;
        font-weight: 700;
        text-align: center;
        
    }
    .rkl-time{
        width: 100%;
        text-align: center;
        color:#979797;
        font-size:14px;
        margin-top:20px;
    }
    .rdmicontent-k-right{
        width:30%;
        float: left;
        padding-left:40px;
        box-sizing: border-box;
        border-left:1px solid #d8d8d8
    }
    .rkl-content{
        width:100%;
        margin-top:30px;
    }
    .rkl-content p{
        line-height: 30px;
    }
    .rkl-content img{
        max-width: 100%;
    }
    .rkr-title{
        width:100%;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 20px;
        box-sizing: border-box;

    }
    .rkr-rule{
        width:100%;
        margin-top:30px;
        box-sizing: border-box;
    }
    .rkr-rule-list{
        width:calc(50% - 7.5px);
        margin-right:15px;
        float: left;
    }
    .rkr-rule-list:nth-child(2n){
        margin-right:0px;
    }
    .rkr-rule-list img{
        width:100%; 
    }
    .rkr-rule-list p{
        width:100%;
        text-align: center;
        line-height: 20px;
    }

    .rkr-hotnews{
        width:100%;
    }
    .rkr-hotnews-list{
        width:100%;
        padding:20px 0px;
       border-top: 1px solid #d8d8d8;
        display: flex;
    }
    .rkr-hotnews-list:first-child{
        border-bottom: 0px solid #d8d8d8;
        
    }
    .rkr-hotnews-list img{
       width:90px;
       height:62px;
    }
    .rkr-hotnews-list-right{
        width:calc(100% - 90px);
        padding-left:20px;
        box-sizing: border-box;
    }
    .rhlr-title{
        width:100%;
        height:65px;
        /* 1. 隐藏超出容器的文本 */
        overflow: hidden;
    }
    .rhlr-time{
        width:100%;
        color:#979797;
        font-size:14px;
        margin-top:15px;
        text-align: right;
    }


     /* 专家团队 */
    .zjteam{
        display: none;
    }
    

    .article-menu{
        width:100%;
    }
    .article-menu-list{
        float: left;
        padding:0px 20px;
        box-sizing: border-box;
        margin-right:10px;
        height:40px;
        line-height: 40px;
        background-color: #D8D8D8;
        margin-top:10px;
    }
    .article-menu-list-on{
        float: left;
        padding:0px 20px;
        box-sizing: border-box;
        margin-right:10px;
        height:40px;
        line-height: 40px;
        background-color: var(--primary-color);
        color:#ffffff;
        margin-top:10px;
    }
    .article-list{
        width:100%;
        margin-top: 30px;
        
        padding:-20px 0px 40px 0px;
        box-sizing: border-box;
    }
    .article-list-lst{
        width:100%;
        display: flex;
        margin-top:40px;
        background-color: #ffffff;
    }
    .article-list img{
        width:400px;
        height:240px;
    }
    .article-list-center{
        width: calc(100% - 540px);
        padding: 20px 20px;
        box-sizing: border-box;
    }
    .alc-title{
        width:100%;
        font-size:22px;
        height:65px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .alc-intro{
        width:100%;
        color: #979797;
    }
    .article-list-right{
        width:140px;
        font-size:32px;
        font-weight: 800;
        color: #979797;
        text-align: right;
        padding-right: 30px;
        box-sizing: border-box;
    }
    .alr-year{
        width:100%;
        margin-top:60px;
    }
    .alr-month{
        width:100%;
    }

    .rdmi-page{
        width:100%;
        display: flex;
        justify-content: center;
        margin-top:80px;
        font-size:14px;
        height:100px;
    }
    .rdmi-page-list{
        padding:4px 10px;
        box-sizing: border-box;
        border:1px solid #D8D8D8;
        text-align: center;
        margin: 0px 5px;
        border-radius: 5px;
    }
    .rdmi-page-list-on{
        padding:4px 10px;
        box-sizing: border-box;
        border:0px solid #D8D8D8;
        text-align: center;
        margin: 0px 5px;
        border-radius: 5px;
        background-color: var(--primary-color);
        color:#ffffff;
    }
    .rdmi-page-list-off{
        padding:4px 10px;
        box-sizing: border-box;
        border:1px solid #D8D8D8;
        text-align: center;
        margin: 0px 5px;
        border-radius: 5px;
        color:#D8D8D8;
    }

    .article-page{
        width:100%;
        margin-top:60px;
    }
    .article-page-title{
        width:100%;
        text-align: center;
        font-size:28px;
        font-weight: 700;
    }
    .article-page-content{
        width:100%;
        margin-top:30px;
    }
    .article-team{
        width:100%;
        margin-top:60px;
       
    }
    .article-team-list{
        width:18.3%;
        float: left;
        margin-right:2%;
        background-color: #ffffff;
        margin-top:20px;
        padding-bottom:50px;
        box-sizing: border-box;

    }
    .article-team-lst{
        width:100%;
        display: block;
    }
    .article-team-list:nth-child(5n){
        margin-right:0%;
    }
    .atc-img{
         width:80%;
        height:230px;
        margin-left:10%;
        margin-top:20px;
    }
    .atc-img img{
        width:100%;
       height: auto;
    }
    .atc-imgh{
         width:80%;
        height:100px;
        margin-left:10%;
        margin-top:20px;
    }
    .atc-imgh img{
        width:100%;
       height: auto;
    }
    .atc-title{
        width:100%;
        padding:0px 20px;
        box-sizing: border-box;
        margin-top: 20px;
        height:40px;
        overflow: hidden;
        text-align: center;
    }
    .atc-intro{
        width: 100%;
        padding:0px 20px;
        box-sizing: border-box;
        font-size: 14px;
        color:#979797;
        height:36px;
        overflow: hidden;
        margin-top:10px;

    }


    .article-sx{
        width:100%;
        margin-top:60px;
    }
    .article-sx-list{
        width:18.4%;
        float: left;
        margin-right:2%;
        background-color: #ffffff;
        margin-top:20px;
        padding-bottom: 50px;
        box-sizing: border-box;

    }
    .article-sx-lst{
        width:100%;
    }
    .article-sx-list:nth-child(5n){
        margin-right:0%;
    }
    .article-sx-lst img{
        width:40%;
        margin-left:30%;
        margin-top:30px;
    }
    .asc-title{
        width:100%;
        padding:0px 20px;
        margin-top: 20px;
        height:35px;
        text-align: center;
    }


     .article-sxl{
        width:100%;
        margin-top:60px;
    }
    .article-sxl-list{
        width:18.4%;
        float: left;
        margin-right:2%;
        background-color: #ffffff;
        margin-top:20px;
        padding-bottom: 10px;
        box-sizing: border-box;

    }
    .article-sxl-lst{
        width:100%;
    }
    .article-sxl-list:nth-child(5n){
        margin-right:0%;
    }
    .article-sxl-lst img{
        width:100%;
    }
    .ascl-title{
        width:100%;
        padding:0px 20px 20px 20px;
        box-sizing: border-box;
        margin-top: 20px;
        margin-bottom: 10px;
        height:25px;
        overflow: hidden;
        text-align: center;
    }

      .article-imagelist{
        width:100%;
        margin-top:60px;
    }
    .article-imagelist-list{
        width:9.1%;
        float: left;
        margin-right:1%;
        
        margin-top:20px;
        padding-bottom: 10px;
        box-sizing: border-box;

    }
    .article-imagelist-lst{
        width:100%;
    }
    .article-imagelist-list:nth-child(10n){
        margin-right:0%;
    }
    .article-imagelist-lst img{
        width:100%;
    }

    .article-banner{ 
        width:100%;
        height:auto;
        display: block;
    }
    .article-banner img{
        width:100%;
    }

    .cert-title{
        width:100%;
        font-size:22px;
        text-align: center;
        font-weight: 700;
    }
    .cert-input-k{
        width:100%;
        display: flex;
        justify-content: center;
        margin-top:60px;
    }
    .cert-input-k-k{
        width:50%;
    }
    .cert-input{
        width:100%;
        display: flex;
        align-items: center;
        margin-top:20px;
    }
    .cert-input-left{
        width:20%;
        text-align: right;
        padding-right:20px;
        box-sizing: border-box;
    }
    .cert-input-right{
        width:80%;
    }

    .cir-input{
        width:100%;
        height:36px;
        line-height: 36px;
        border:none;
        background-color: #D8D8D8;
        padding:0px 20px 0px 20px;
        box-sizing: border-box;
        list-style: none;
    
    }
    .cir-input::placeholder{
       color:#979797;
    }
    /* 去除input点击时的默认边框和外边框 */
    .cir-input:focus {
    /* 清除浏览器默认的外边框 */
    outline: none;
    /* 可选：如果有默认边框，也可以清除 */
    border: none;
    /* 可选：如果需要自定义焦点样式，可以在这里设置 */
    /* 例如：border: 1px solid transparent; */
    }

    .cert-sub{
        width:50%;
        background-color: var(--primary-color);
        color:#ffffff;
        margin-top: 50px;
        text-align: center;
        height:36px;
        line-height: 36px;
        margin-left:25%;
        border-radius: 18px;
        margin-bottom: 60px;
    }

    .cert-result{
        width:100%;
        border: 1px solid #D8D8D8;
        margin-bottom: 60px;
    }
    .cert-result-line{
        width:100%;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #D8D8D8;
        min-height:40px;
        line-height: 40px;
    }
    .cert-result-line:last-child{
        border-bottom: 0px solid #D8D8D8;
    }
    .crl-left{
        width:25%;
        padding: 0px 20px;
        box-sizing: border-box;
        
    }
    .crl-right{
        width: 75%;
        padding: 0px 20px;
        box-sizing: border-box;
        border-left: 1px solid #D8D8D8;
        
    }
     .crl-right img{
        width:70%;
     }

     .article-page-title-k{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 50px;
        margin-top:-20px;
     }
     .aptk-title{
        padding:5px 20px;
        border-radius: 10px;
        box-sizing: border-box;
        margin-right:20px;
        background-color: #D8D8D8;
        font-size:14px;
     }
     .aptk-title-on{
        padding:5px 20px;
        border-radius: 10px;
        box-sizing: border-box;
        margin-right:20px;
        background-color: var(--primary-color);
        color:#ffffff;
        font-size:14px;
     }

     .message-title{
        width:100%;
        font-size:22px;
        font-weight: 700;
        text-align: center;
        margin-top:60px;
     }
     .message-frame{
        width:80%;
        margin-left:10%;
        height:240px;
        margin-top:40px;
     }
     .message-frame-input{
        width:49%;
        margin-right:1%;
        border:1px solid #D8D8D8;
        float: left;
        margin-top:20px;
        position:relative;
     }
     .message-frame-input:nth-child(2n){
        margin-right:0%;
     }
     .error-tip{
        position: absolute;
        left:5px;
        bottom:-15px;
        font-size:10px;
        color:red;
     }
     /* 去除input点击时的默认边框和外边框 */
    .mfi-input:focus {
        /* 清除浏览器默认的外边框 */
        outline: none;
        /* 可选：如果有默认边框，也可以清除 */
        border: none;
        /* 可选：如果需要自定义焦点样式，可以在这里设置 */
        /* 例如：border: 1px solid transparent; */
    }
     .mfi-input{
        width:100%;
        padding:0px 10px;
        box-sizing: border-box;
        height:50px;
        border:none;
        background: transparent;
     }
     .message-btn{
        width:50%;
        margin-left:25%;
        height:50px;
        line-height: 50px;
        background-color: var(--primary-color);
        text-align: center;
        color:#ffffff;
        border: none;
        box-shadow: none;
        cursor: pointer;
     }




      .error-tip {
            color: #e53e3e;
            font-size: 12px;
            height: 16px;
            margin-top: 5px;
            display: none;
        }
        .error input, .error textarea {
            border-color: #e53e3e;
        }
        .error .error-tip {
            display: block;
        }

        .global-msg {
            margin-top: 15px;
            padding: 10px;
            border-radius: 4px;
            display: none;
            text-align: center;
        }
        .success {
           
            color: #00875a;
            display: block !important;
        }
        .error {
            background-color: #fff1f0;
            color: #e53e3e;
            display: block !important;
        }









/* 创新产品多行多列左右轮播图样式-------------------------------------------------------- */
.products{
        width:100%;
        padding:80px 10px 60px 10px;
        box-sizing: border-box;
        display: none;
    }
.productsl{
        width:100%;
        padding:80px 0px 60px 0px;
        box-sizing: border-box;
        display: block;
    }

.image-carousel {
            position: relative;
            max-width: 1200px;
            margin: 60px auto;
        }
        
        .pcarousel-container {
            overflow: hidden;
            padding: 10px 0;
        }
        
        .image-grid {
            display: grid;
            grid-template-columns: repeat(7, 1fr);
            grid-template-rows: repeat(4, 1fr);
            gap: 10px;
            transition: transform 0.5s ease;
        }
        
        .image-item {
            overflow: hidden;
        }
        
        .image-item:hover {
            transform: scale(1.03);
        }
        
        .image-item img {
            width: 100%;
            object-fit: cover;
            display: block;
        }
        
        .image-info {
            padding: 8px;
            text-align: center;
            background-color: #f9f9f9;
        }
        
        .image-title {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        
        .pcarousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background-color: rgba(3,55,147,0.7);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            transition: background-color 0.3s ease;
        }
        
        .pcarousel-btn:hover {
            background-color: rgba(0,0,0,0.8);
        }
        
        .prev-btn {
            left: -60px;
        }
        
        .next-btn {
            right: -60px;
        }
        
        .pcarousel-indicators {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 8px;
        }
        
        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ddd;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .indicator.active {
            background-color: #337ab7;
        }
        
        /* 加载提示样式 */
        .loading {
            text-align: center;
            padding: 50px 0;
            color: #666;
        }
        
        /* 响应式调整 */
        @media (max-width: 1200px) {
            .image-grid {
                grid-template-columns: repeat(6, 1fr);
            }
        }
        
        @media (max-width: 992px) {
            .image-grid {
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: repeat(7, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .image-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .carousel-btn {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
        }


        /* 行业案例样式 -------------------------------------------------------------------------------*/

         /* 行业案例 */
        .indcase{
            width:100%;
            background-color: #ffffff;
            padding:80px 0px 60px 0px;
            box-sizing: border-box;
            display: none;
        }
        .indcasel{
            width:100%;
            background-color: #ffffff;
            padding:80px 0px 60px 0px;
            box-sizing: border-box;
            display: block;
        }
        .indcasel-k{
            margin-left:calc(50% - 600px);
            width: 1200px;
            overflow: hidden;
            margin-top:40px;
        }
         .indcaseimage-carousel {
            position: relative;
            max-width: 1200px;
            margin: 20px auto;
            padding: 0px;
        
        }
        
        .indcasecarousel-wrapper {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }
        
        .indcaseimage-page {
            min-width: 100%;
            display: flex;
            flex-wrap: wrap;
            /* justify-content: space-between; */
            justify-content: left;
        }
        
        .indcaseimage-item {
            width: 19%; /* 5列布局，留出间距 */
            margin-right:1.2%;
            margin-bottom: 10px;
            overflow: hidden;
            transition: transform 0.3s ease;
            background-color: #F4F2F2;
            padding-bottom: 20px;
            box-sizing: border-box;
        }
        .indcaseimage-item:nth-child(5n){
            margin-right:0%;
           
        }
        
        .indcaseimage-item:hover {
            transform: translateY(-5px);
        }
        
        .indcaseimage-item img {
            width: 100%;
            object-fit: cover;
            display: block;
        }
        
        .indcaseimage-item p {
            text-align: center;
            padding: 15px 10px 10px 5px;
            box-sizing: border-box;
            margin: 0;
            min-height:40px;
        }
        
        .indcasecarousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background-color: rgba(0,0,0,0.5);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            z-index: 100;
            transition: background-color 0.3s ease;
        }
        
        .indcasecarousel-btn:hover {
            background-color: rgba(0,0,0,0.8);
        }
        .indcasecarousel-btn img{
            width:20px;
            height:20px;
        }
        
        .indcaseprev-btn {
            left: -20px;
        }
        
        .indcasenext-btn {
            right: 10px;
        }
        
        .indcaseindicators {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 10px;
        }
        
        .indcaseindicator {
            width: 36px;
            height: 10px;
            border-radius: 5px;
            background-color: #ddd;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .indcaseindicator.active {
            background-color: #337ab7;
        }
         .indcaseimage-enter{
        background-color: var(--primary-color);
        width:50%;
        margin-left:25%;
        margin-top:8px;
        height:30px;
        line-height: 30px;
        border-radius: 15px;
        text-align: center;
        color:#ffffff;
    }
        
        /* 响应式调整 */
        @media (max-width: 992px) {
            .indcaseimage-item {
                width: 30%;
            }
        }
        
        @media (max-width: 768px) {
            .indcaseimage-item {
                width: 45%;
            }
        }


         /* 专家团队样式 -------------------------------------------------------------------------------*/
       .zjteaml{
            width:100%;
            padding:80px 0px 60px 0px;
            box-sizing: border-box;
            background-color: var(--primary-color);
            position:relative;
            display: block;
        }
        .zjteaml-k{
            margin-left:calc(50% - 600px);
            width: 1200px;
            overflow: hidden;
            margin-top:40px;
        }
         .teamimage-carousel {
            position: relative;
            width: 100%;
            overflow: visible; /* 允许内容溢出显示 */
        }
        
        .teamcarousel-wrapper {
            display: flex;
            width:100%;
             transition: transform 0.5s ease-in-out;
        }
        
        .teamimage-page {
            min-width: 100%;
            display: flex;
            
            /* justify-content: space-between; */
            justify-content: left;

        }
        
        .teamimage-item {
            width: 19%; /* 5列布局，留出间距 */
            margin-right:1.2%;
            margin-bottom: 20px;
            overflow: hidden;
            transition: transform 0.3s ease;
            background-color: #F4F2F2;
            padding-bottom: 40px;
            box-sizing: border-box;
        }
        .teamimage-item:nth-child(5n){
            margin-right:0%;
           
        }
        
        .teamimage-item:hover {
            transform: translateY(-5px);
        }
        
        .teamimage-item img {
            width: 100%;
            object-fit: cover;
            display: block;
        }
        
        .teamimage-item p {
            text-align: center;
            padding: 25px 10px 10px 10px;
            box-sizing: border-box;
            margin: 0;
            min-height:70px;
            font-weight: 700;
        }
        .teamimage-item-intro{
            width:100%;
            padding:0px 20px;
            box-sizing: border-box;
            color:#979797;
             height:40px;
            overflow: hidden;
        }
        
        .teamcarousel-btn {
            position: absolute;
            top: 50%;
            width: 50px;
            height: 50px;
            background-color: rgba(3, 55, 147, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            
        }
        
        .teamcarousel-btn:hover {
            background-color: rgba(0,0,0,0.8);
        }
        .teamcarousel-btn img{
            width:30px;
            height:30px;
        }
        
        .teamprev-btn {
            left: 30px;
            
        }
        
        .teamnext-btn {
            right: 30px;
        }
        
        .teamindicators {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 10px;
        }
        
        .teamindicator {
            width: 36px;
            height: 10px;
            border-radius: 5px;
            background-color: #ddd;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .teamindicator.active {
            background-color: #337ab7;
        }
        
        /* 响应式调整 */
        @media (max-width: 992px) {
            .teamimage-item {
                width: 30%;
            }
        }
        
        @media (max-width: 768px) {
            .teamimage-item {
                width: 45%;
            }
        }

        /* 新闻资讯 */
         .frame-white{
            width:100%;
            padding:80px 0px 60px 0px;
            box-sizing: border-box;
            background-color: #ffffff;
            position:relative;
            display: block;
        }
        .frame-white-k{
            margin-left:calc(50% - 600px);
            width: 1200px;
            overflow: hidden;
            margin-top:40px;
        }
        .fwk-list{
            width:49.25%;
            margin-right:1.5%;
            background-color: #f7f7f7;
            float: left;
            padding:40px 30px;
            box-sizing: border-box;
        }
        .fwk-list:nth-child(2n){
            margin-right:0%;
        }
        .fwk-list-tit{
            width:100%;
            
            border-bottom:1px solid #d8d8d8;
            height:40px;
        }
        .flt-title{
            width:50%;
            font-weight: 700;
            height:35px;
            float:left;
           
        }
        .flt-more{
            width:50%;
            text-align: right;
            float:left;
        }
        .flt-more a{
            color:#979797;
            font-size: 14px;
        }
        .fwk-list-img{
            width:100%;
            position:relative;
        }
        .fwk-list-img img{
            width:100%;
            height:300px;
        }
        .fwk-list-img-tit{
            position: absolute;
            bottom:0;
            left:0;
            height:50px;
            background-color: rgba(0, 0, 0, 0.6);
            padding:10px 20px;
            box-sizing: border-box;
            color:#ffffff;
           display: flex;
           align-items: center;
           width: 100%;
            
        }
        .fwk-list-line{
            width:100%;
            margin-top:20px;
            height:100px;
            display: flex;
            border-bottom: 1px solid #d8d8d8;
        }
       
        .fll-left{
            width:120px;
            
            color:#ffffff;
            text-align: center;
        }
        .fll-left img{
            width:100%;
            height:80px;
        }
        .fll-left-year{
            margin-top:26px;
        }
        .fll-left-day{
             font-size:36px;
             font-weight: 700;
        }
        .fll-right{
            width: calc(100% - 120px);
            padding-left:20px;
            box-sizing: border-box;
        }
        .fll-right-title{
            width:100%;
            font-weight: 700;
            height:20px;
             /* 关键属性组合 */
            display: -webkit-box; /* 将元素作为弹性伸缩盒子模型 */
            -webkit-box-orient: vertical; /* 设置子元素垂直排列 */
            -webkit-line-clamp: 1; /* 限制显示的行数为3行 */
            overflow: hidden; /* 超出部分隐藏 */
        }
        .fll-right-intro{
            margin-top:10px;
            width:100%;
            color:#979797;
            height:40px;
            /* 关键属性组合 */
            display: -webkit-box; /* 将元素作为弹性伸缩盒子模型 */
            -webkit-box-orient: vertical; /* 设置子元素垂直排列 */
            -webkit-line-clamp: 2; /* 限制显示的行数为3行 */
            overflow: hidden; /* 超出部分隐藏 */
        }
        .fll-right-time{
            width:100%;
            text-align: right;
            color: #979797;
            font-size:12px;
            margin-top:10px;
        }

        /* 研究方法及理论工具 */
        .frame-transparent{
            width:100%;
            padding:80px 0px 60px 0px;
            box-sizing: border-box;
            
            display:inline-block;
        }
        .frame-transparent-k{
            margin-left:calc(50% - 600px);
            width: 1200px;
            /* overflow: hidden; */
            margin-top:40px;
            display: block;
        }
        .yjff-news{
            width:100%;
        }
        .yjff-newsimg-row{
            width:100%;
            height:280px;
        }
        .ynr-list{
            width:32%;
            float:left;
            margin-right:2%;
        }
        .ynr-list:last-child{
            margin-right:0%;
        }
        .ynr-list img{
            width:100%;
            height:220px;
        }
        .ynr-top-title{
            width:100%;
            font-weight: 700;
            height:20px;
            overflow: hidden;
            margin-top:10px;
        }
        .ynr-top-intro{
            width:100%;
            margin-top:8px;
            color:#979797;
            font-size:14px;
            height:38px;
            overflow: hidden;
        }
        .yjff-news-row{
            width:100%;
            margin-top:10px;
        }
        .ynr-line{
           width:32%;
            float:left;
            margin-right:2%;
        }
        .ynr-line:last-child{
            margin-right:0%;
        }
        .ynr-line-title{
            width:100%;
            font-weight: 700;
            height:35px;
            overflow: hidden;
            margin-top:20px;
            border-top: 1px solid #d8d8d8;
            padding-top:15px;
            box-sizing: border-box;
        }
        .ynr-line-intro{
             width:100%;
            margin-top:8px;
            color:#979797;
            font-size:14px;
            height:36px;
            overflow: hidden;
        }

        /* 学习及认证 */
        .study-rule{
            width:100%;
        }
        .study-rule-list{
            width:15.83%;
            margin-right: 1%;
            float: left;
        }
        .study-rule-list:nth-child(6n){
            margin-right: 0%;
        }
        .study-rule-list img{
            width:100%;
            height:120px;
        }

        .study-new{
            width:100%;
            margin-top:20px;
            position: relative;
        }
         .study-new-carousel {
            position: relative;
            width: 100%;
            overflow: hidden; /* 允许内容溢出显示 */
        }
        
        .study-new-wrapper {
            display: flex;
            width:100%;
             transition: transform 0.5s ease-in-out;
        }
        
        .study-newimage-page {
            min-width: 100%;
            display: flex;
            
            /* justify-content: space-between; */
            justify-content: left;

        }
        
        .study-newimage-item {
            width:32%; /* 5列布局，留出间距 */
            margin-right:2%;
            margin-bottom: 20px;
            overflow: hidden;
            transition: transform 0.3s ease;
            background-color: #F4F2F2;
            padding-bottom: 10px;
            box-sizing: border-box;
            padding-bottom: 30px;
            box-sizing: border-box;
        }
        .study-newimage-item:nth-child(5n){
            margin-right:0%;
           
        }
        
        .study-newimage-item:hover {
            transform: translateY(-5px);
        }
        
        .study-newimage-item img {
            width: 100%;
            height:260px;
            object-fit: cover;
            display: block;
        }
        
        .study-newimage-item p {
            text-align: center;
            padding: 15px 10px 10px 10px;
            box-sizing: border-box;
            margin: 0;
            height:60px;
            overflow: hidden;

        }
        .study-newimage-item-intro{
            width:100%;
            padding:0px 20px;
            box-sizing: border-box;
            color:#979797;
             height:40px;
            overflow: hidden;
        }
        
        .study-new-btn {
            position: absolute;
            top: 40%;
            width: 50px;
            height: 50px;
            background-color: rgba(3, 55, 147, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            
        }
        
        .study-new-btn:hover {
            background-color: rgba(0,0,0,0.8);
        }
        .study-new-btn img{
            width:30px;
            height:30px;
        }
        
        .study-newprev-btn {
            left: -90px;
            
        }
        
        .study-newnext-btn {
            right: -60px;
        }
        
        .study-newindicators {
            display: flex;
            justify-content: center;
            margin-top: 20px;
            gap: 10px;
        }
        
        .study-newindicator {
            width: 36px;
            height: 10px;
            border-radius: 5px;
            background-color: #ddd;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .study-newindicator.active {
            background-color: #337ab7;
        }
        
        /* 响应式调整 */
        @media (max-width: 992px) {
            .study-newimage-item {
                width: 30%;
            }
        }
        
        @media (max-width: 768px) {
            .study-newimage-item {
                width: 45%;
            }
        }

        /* 各专业委员会 */
        .zywyh-list{
            width:16.6%;
            float: left;
            text-align: center;
            margin-top:30px;
            height:200px;
        }
        .zywyh-list-frame{
            width:150px;
            height:150px;
            background-color: var(--primary-color);
            text-align: center;
            margin:auto;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .zywyh-list-frame img{
            width:50px;
            height:50px;
        }
        .zywyh-list-title{
            width:100%;
            font-weight: 700;
            margin-top:30px;
        }

        /* 在线留言 */

        .fwk-title{
            /* position:relative; */
            width:100%;
            font-size: 36px;
            font-weight: 700; 
        }
        .fwk-title-web{
            display: none;
        }
        .fwk-frame{
            width:100%;
        }
        .fwk-frame-left{
            width:70%;
            float:left;
        }
        .fwk-frame-right{
            padding-top:60px;
            box-sizing: border-box;
            width:30%;
            float: left;
            position: relative;
        }
        .fwk-frame-right img{
            width:100%;
            height:200px;
        }
        .fwk-frame-right p{
            position: absolute;
            top:100px;
            left:70px;
            text-align: center;
            color:#ffffff;
            font-weight: 700;
            font-size:32px;
            width:300px;
        }
/* 工具 */
        .yjff-top{
            position: relative;
            overflow: visible;
        }
        .yjff-top-carousel{
            width:100%;
            overflow: hidden;
        }
        .yjff-top-wrapper {
            display: flex;
            width:100%;
            transition: transform 0.5s ease-in-out;
        }
         .tool-image-page {
            min-width: 100%;
            display: flex;
            
            /* justify-content: space-between; */
            justify-content: left;

        }
        
        .toolimage-item {
            width: 19%; /* 5列布局，留出间距 */
            margin-right:1.2%;
            margin-bottom: 20px;
            overflow: hidden;
            transition: transform 0.3s ease;
            background-color: #ffffff;
            padding-bottom: 40px;
            padding-top:30px;
            box-sizing: border-box;
        }
        .toolimage-item:nth-child(5n){
            margin-right:0%;
           
        }
        
        .toolimage-item:hover {
            transform: translateY(-5px);
        }
        
        .toolimage-item img {
            width: 30%;
            margin: auto;
            object-fit: cover;
            display: block;
        }
        
        .toolimage-item p {
            text-align: center;
            padding: 25px 10px 10px 10px;
            box-sizing: border-box;
            margin: 0;
            min-height:70px;
            font-weight: 700;
        }
        .toolimage-item-intro{
            width:100%;
            padding:0px 20px;
            box-sizing: border-box;
            color:#979797;
             height:40px;
            overflow: hidden;
            font-size:14px;
        }
        
        .toolcarousel-btn {
            position: absolute;
            top: 40%;
            width: 50px;
            height: 50px;
            background-color: rgba(3, 55, 147, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            
        }
        
        .toolcarousel-btn:hover {
            background-color: rgba(0,0,0,0.8);
        }
        .toolcarousel-btn img{
            width:30px;
            height:30px;
        }
        
        .yjff-topprev-btn {
            left: -70px;
            
        }
        
        .yjff-topnext-btn {
            right: -70px;
        }

        .productsl-k{
            position: relative;
            margin-left:calc(50% - 600px);
            padding-top:80px;
            padding-bottom: 60px;
            width: 1200px;
            height: auto;
        }
        .productsl-carousel{
            width:100%;
            overflow: hidden;
        }
        .productsl-wrapper{
            display: flex;
            width:100%;
            transition: transform 0.5s ease-in-out;
        }
         .productsl-image-page {
            min-width: 100%;
            display: flex;
            flex-wrap: wrap;
            /* justify-content: space-between; */
            justify-content: left;

        }
       
        .productslimage-item{
            width: 13%; /* 5列布局，留出间距 */
            margin-right:1.5%;
            margin-bottom: 20px;
            overflow: hidden;
            transition: transform 0.3s ease;
            background-color: #ffffff;
            padding-bottom: 0px;
            padding-top:0px;
            box-sizing: border-box;
        }
        .productslimage-item:nth-child(7n){
            margin-right:0%;
           
        }
        
        .productslimage-item:hover {
            transform: translateY(-5px);
        }
        .productslimage-item img{
            width:100%;
        }
        .productslimage-item p{
            width:100%;
            text-align: center;
        }

        .productslcarousel-btn {
            position: absolute;
            top: 50%;
            width: 50px;
            height: 50px;
            background-color: rgba(3, 55, 147, 0.5);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 20px;
            cursor: pointer;
            
        }
        
        .productslcarousel-btn:hover {
            background-color: rgba(0,0,0,0.8);
        }
        .productslcarousel-btn img{
            width:30px;
            height:30px;
        }
        
        .productslprev-btn {
            left: -80px;
            
        }
        
        .productslnext-btn {
            right: -80px;
        }