/* FAQ容器 */
        .faq-container {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }
        .containerfaq {
            position: relative;
            z-index: 1;
            max-width: 920px;
            margin: 0 auto;
            padding: 0px 24px 40px;
        }
        /* FAQ项目 */
        .faq-item {
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            border-radius: 12px;
            transform: translateY(20px);
            opacity: 0;
            animation: slideUp 0.6s ease forwards;
        }

        .faq-item:nth-child(1) { animation-delay: 0.1s; }
        .faq-item:nth-child(2) { animation-delay: 0.15s; }
        .faq-item:nth-child(3) { animation-delay: 0.2s; }
        .faq-item:nth-child(4) { animation-delay: 0.25s; }
        .faq-item:nth-child(5) { animation-delay: 0.3s; }
        .faq-item:nth-child(6) { animation-delay: 0.35s; }

        @keyframes slideUp {
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .faq-item:hover {
            transform: translateY(-2px);
        }

        /* 问题区域 */
        .faq-question {
            padding: 20px 24px;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 16px;
            transition: all 0.25s ease;
            position: relative;
            border-radius: 12px;
        }

        .faq-question::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(248, 250, 252, 0.8), rgba(241, 245, 249, 0.6));
            border-radius: 12px;
            opacity: 0;
            transition: opacity 0.25s ease;
        }

        .faq-question:hover::before {
            opacity: 1;
        }

        .faq-question > * {
            position: relative;
            z-index: 1;
        }

        .faq-number {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
            color: #64748b;
            border-radius: 10px;
            font-weight: 600;
            font-size: 14px;
            flex-shrink: 0;
            transition: all 0.25s ease;
            border: 1px solid rgba(226, 232, 240, 0.6);
        }

        .faq-question:hover .faq-number {
            background: linear-gradient(135deg, #64748b, #475569);
            color: white;
            transform: scale(1.05);
        }

        .faq-title {
            flex: 1;
        }

        .faq-question h3 {
            font-size: 16px;
            font-weight: 600;
            color: #374151;
            line-height: 1.4;
            transition: color 0.25s ease;
        }

        .faq-question:hover h3 {
            color: #1f2937;
        }

        .faq-icon {
            width: 20px;
            height: 20px;
            border-radius: 6px;
            background: rgba(148, 163, 184, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            flex-shrink: 0;
            position: relative;
        }

        .faq-icon::after {
            content: '';
            width: 10px;
            height: 1px;
            background: #64748b;
            border-radius: 0.5px;
            transition: all 0.3s ease;
            position: relative;
        }

        .faq-icon::before {
            content: '';
            position: absolute;
            width: 1px;
            height: 10px;
            background: #64748b;
            border-radius: 0.5px;
            transition: all 0.3s ease;
        }

        .faq-item.active .faq-icon {
            background: rgba(100, 116, 139, 0.15);
            transform: rotate(45deg);
        }

        .faq-item.active .faq-icon::before {
            transform: rotate(90deg);
        }

        /* 答案区域 */
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .faq-content {
            padding: 24px 24px 24px 72px;
            opacity: 0;
            transform: translateY(-8px);
            transition: all 0.3s ease;
        }

        .faq-item.active .faq-content {
            opacity: 1;
            transform: translateY(0);
            transition-delay: 0.1s;
        }

        .faq-content p {
            font-size: 15px;
            color: #4b5563;
            margin-bottom: 16px;
            line-height: 1.7;
        }

        .faq-content ul {
            margin: 16px 0 0 0;
            padding-left: 0;
            list-style: none;
        }

        .faq-content li {
            position: relative;
            padding: 8px 0 8px 20px;
            font-size: 15px;
            color: #4b5563;
            line-height: 1.6;
            transition: all 0.2s ease;
        }

        .faq-content li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 16px;
            width: 4px;
            height: 4px;
            background: #9ca3af;
            border-radius: 50%;
            transform: scale(0);
            transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        .faq-item.active .faq-content li::before {
            transform: scale(1);
        }

        .faq-item.active .faq-content li:nth-child(1)::before { transition-delay: 0.15s; }
        .faq-item.active .faq-content li:nth-child(2)::before { transition-delay: 0.2s; }
        .faq-item.active .faq-content li:nth-child(3)::before { transition-delay: 0.25s; }
        .faq-item.active .faq-content li:nth-child(4)::before { transition-delay: 0.3s; }
        .faq-item.active .faq-content li:nth-child(5)::before { transition-delay: 0.35s; }
        .faq-item.active .faq-content li:nth-child(6)::before { transition-delay: 0.4s; }

        .faq-content li:hover {
            color: #374151;
            transform: translateX(4px);
        }

        .faq-content strong {
            color: #374151;
            font-weight: 600;
        }

        /* 激活状态的精细调整 */
        .faq-item.active .faq-question {
            background: linear-gradient(135deg, rgba(248, 250, 252, 0.6), rgba(241, 245, 249, 0.4));
        }

        .faq-item.active .faq-number {
            background: linear-gradient(135deg, #374151, #4b5563);
            color: white;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .container {
                padding: 40px 20px 32px;
            }

            .header {
                margin-bottom: 36px;
            }

            .faq-question {
                padding: 16px 20px;
                gap: 14px;
            }

            .faq-number {
                width: 28px;
                height: 28px;
                font-size: 13px;
            }

            .faq-question h3 {
                font-size: 15px;
            }

            .faq-content {
                padding: 0 20px 20px 62px;
            }

            .faq-icon {
                width: 18px;
                height: 18px;
            }

            .faq-icon::after {
                width: 8px;
            }

            .faq-icon::before {
                height: 8px;
            }
        }

        @media (max-width: 480px) {
            .container {
                padding: 32px 16px 24px;
            }

            .faq-question {
                padding: 14px 16px;
                gap: 12px;
            }

            .faq-content {
                padding: 0 16px 16px 16px;
            }

            .faq-number {
                width: 26px;
                height: 26px;
                font-size: 12px;
            }

            .faq-question h3 {
                font-size: 14px;
            }

            .faq-content p,
            .faq-content li {
                font-size: 14px;
            }
        }

        /* 页面进入动画 */
        .container {
            animation: pageEnter 0.6s ease;
        }

        @keyframes pageEnter {
            from {
                opacity: 0;
                transform: translateY(24px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* 平滑聚焦样式 */
        .faq-question:focus-visible {
            outline: 2px solid rgba(148, 163, 184, 0.5);
            outline-offset: 2px;
        }


.c-phone {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 18px;                 /* 保留原色系，固定像素字号 /
color: inherit;                  / 保留原色系 /
background: transparent;         / 无底色 /
padding: 6px 10px;
border-radius: 6px;
cursor: pointer;
user-select: all;
-webkit-tap-highlight-color: transparent;
transition: transform 140ms ease, text-shadow 140ms ease, background-size 180ms ease, opacity 120ms ease;
/ 文字下划线效果（隐藏状态）*/
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-size: 0% 2px;
background-position: 0 100%;
}

/* 图标（使用当前文字颜色） */
.c-phone::before {
content: "☎";
display: inline-block;
font-size: 16px;
line-height: 1;
margin-right: 6px;
transform-origin: center;
transition: transform 140ms ease, opacity 120ms ease;
}

/* 悬停与聚焦效果：轻微上移、显现下划线、弱阴影与图标放大 /
.c-phone:hover,
.c-phone:focus {
transform: translateY(-3px);
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
background-size: 100% 2px; / 显示下划线 */
opacity: 0.98;
outline: none;
}

.c-phone:hover::before,
.c-phone:focus::before {
transform: translateY(-1px) scale(1.05);
opacity: 0.98;
}
/* 容器样式 */
.tag-nav-container {
    width: 100%;
    padding: 30px;
    margin: 25px auto;
    background-color: #ffffff;
    border-radius: 18px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
    max-width: 1200px;
    box-sizing: border-box;
}/* 容器样式 */
.tag-nav-container {
    width: 100%;
    padding: 30px;
    margin: 25px auto;
    background-color: #ffffff;
    border-radius: 18px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
    max-width: 1200px;
    box-sizing: border-box;
}

/* 标题样式 */
.tag-nav-header h3 {
    margin: 0 0 22px 0;
    font-size: 19px;
    color: #555f6b;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #f8f8f8; /* 极浅分隔线 */
}

/* 标签列表容器 */
.tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

/* 标签基础样式 - 极浅边框 */
.tag-item {
    display: inline-block;
    padding: 12px 25px;
    background-color: #fcfcfc;
    color: #555f6b;
    text-decoration: none;
    border-radius: 32px; /* 更圆润的边角 */
    font-size: 15px;
    font-weight: 500;
    border: 1px solid #f7f7f7; /* 几乎看不见的边框 */
    transition: all 0.3s ease;
    position: relative;
}

/* 增强的悬停效果 - 明显但不突兀 */
.tag-item:hover {
    background-color: #f5f7fa;
    color: #2d3748;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05); /* 明显的阴影变化 */
    border-color: #f0f0f0; /* 边框仅轻微变化 */
}

/* 当前栏目激活状态 */
.tag-item.active {
    background-color: #f0f7ff;
    color: #0b74e5;
    border-color: #edf4ff; /* 极浅蓝边框 */
    font-weight: 600;
}

/* 激活状态悬停效果 - 更明显的反馈 */
.tag-item.active:hover {
    background-color: #e6f0ff;
    color: #0a5fc2;
    box-shadow: 0 8px 15px rgba(11, 116, 229, 0.08); /* 主题色阴影 */
    border-color: #d9eaff;
}

/* 点击效果强化 */
.tag-item:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04);
}

/* 鼠标悬停时的微妙光效 - 增强交互感知 */
.tag-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    transform: scale(0);
    border-radius: 32px;
    transition: transform 0.3s ease;
}

.tag-item:hover::before {
    transform: scale(1);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.2s ease;
}        /* 基础样式 - 使用px单位 */
/* 装饰元素 */
        .gradient-blob {
            position: absolute;
            border-radius: 50%;
            filter: blur(100px);
            opacity: 0.7;
            z-index: -1;
            animation: float 15s infinite ease-in-out;
        }
        
        /* 浮动动画 */
        @keyframes float {
            0%, 100% {
                transform: translateY(0) translateX(0);
            }
            50% {
                transform: translateY(-50px) translateX(30px);
            }
        }
        
        /* 延迟动画，创造错落感 */
        .gradient-blob:nth-child(2) {
            animation-delay: 3s;
        }
        
        .gradient-blob:nth-child(3) {
            animation-delay: 6s;
        }
        
        /* 文字进入动画 */
        .fade-in {
            animation: fadeIn 1.5s ease forwards;
            opacity: 0;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }		
		
		
		
.cloudpbx-sec2 .cloudpbx_tit{margin-bottom:.84rem}
@media (max-width: 767px){.cloudpbx-sec2 .cloudpbx_tit{margin-bottom:.54rem}}
.cloudpbx-sec2 .c-list>li{padding-bottom:1.5rem}
.cloudpbx-sec2 .c-list>li:last-child{padding-bottom:0}
.cloudpbx-sec2 .c-list>li .c-text-box{width:53.125%;padding-left:.8rem}
@media (max-width: 991px){.cloudpbx-sec2 .c-list>li .c-text-box{padding-left:.4rem}}
@media (max-width: 767px){.cloudpbx-sec2 .c-list>li .c-text-box{width:100%;padding-left:0}}
.cloudpbx-sec2 .c-list>li .c-text-box .c-title{line-height:1.2;margin-bottom:.32rem}
.cloudpbx-sec2 .c-list>li .c-text-box .f_nei{margin-bottom:.36rem}
.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li{padding-left:.2rem;margin-bottom:.2rem}
.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li:last-child{margin-bottom:0}
.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li .f_tit{color:#202945;position:relative}
.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li .f_tit:before{content:"";display:block;position:absolute;left:-0.2rem;top:.75em;transform:translateY(-50%);width:6px;height:6px;background-color:#06D6A0;border-radius:50%}@media (max-width: 1580px){.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li .f_tit:before{width:4px;height:4px}}
.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li .f_text{color:#666666;margin-top:5px;line-height:1.5}
@media (max-width: 1580px){.cloudpbx-sec2 .c-list>li .c-text-box .f_nei .f_li .f_text{margin-top:3px}}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list2{padding-right:1rem}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list2 li .c-btn{border-color:#06D6A0;color:#06D6A0 !important}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list2 li .c-btn:before{background-color:#06D6A0 !important}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list2 li .c-btn:after{border-color:#06D6A0 !important}.
cloudpbx-sec2 .c-list>li .c-text-box .c-list2 li .c-btn:hover{color:#ffffff !important}
@media (min-width: 768px){.cloudpbx-sec2 .c-list>li:nth-child(2n) .public-img{order:1}
.cloudpbx-sec2 .c-list>li:nth-child(2n) .c-text-box{padding-left:0;padding-right:.8rem}}
@media (min-width: 768px) and (max-width: 991px){.cloudpbx-sec2 .c-list>li:nth-child(2n) .c-text-box{padding-right:.4rem}}.cloudpbx-sec3{padding:1.3rem 0 1.1rem}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list3 li .c-btn{border-color:#ff6726;color:#ff6726 !important}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list3 li .c-btn:before{background-color:#ff6726 !important}
.cloudpbx-sec2 .c-list>li .c-text-box .c-list3 li .c-btn:after{border-color:#ff6726 !important}.
cloudpbx-sec2 .c-list>li .c-text-box .c-list3 li .c-btn:hover{color:#ffffff !important}
 .c-cloudpbx {
  padding-top: 1rem;
}
.c-cloudpbx .c-list > li {
  padding-bottom: 2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .c-cloudpbx .c-list > li {
    padding-bottom: 1.2rem;
  }
}
.c-cloudpbx .c-list > li .public-img {
  width: 46.875%;
}
@media (max-width: 767px) {
  .c-cloudpbx .c-list > li .public-img {
    margin-bottom: 0.2rem;
    width: 100%;
  }
}
.c-cloudpbx .c-list > li .public-img img {
  object-fit: contain;
}
.c-cloudpbx .c-list > li .c-text-box {
  width: 42.1875%;
}
@media (max-width: 767px) {
  .c-cloudpbx .c-list > li .c-text-box {
    width: 100%;
  }
}
.c-cloudpbx .c-list > li .c-text-box .c-text {
  color: #00a985;
}
.c-cloudpbx .c-list > li .c-text-box .c-title {
  font-weight: bold;
  margin: 0.1rem 0 0.25rem;
}
.c-cloudpbx .c-list > li .c-text-box .c-text2 {
  margin-bottom: 0.55rem;
  color: #666;
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -0.1rem -0.2rem;
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 li {
  padding: 0 0.1rem 0.2rem;
  box-sizing: border-box;
  text-align: center;
  width: 50%;
  max-width: 200px;
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 50px;
  padding: 0 0.2rem;
  transition: all 0.3s;
  border-radius: 25px;
  box-sizing: border-box;
  overflow: hidden;
  color: #00a985;
  cursor: pointer;
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 0;
  height: 100%;
  background-color: #00a985;
  transition: all 0.3s;
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  box-sizing: border-box;
  border: 2px solid #00a985;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn::after {
    border-radius: 0.4rem;
  }
}
@media (max-width: 1580px) {
  .c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn {
    min-width: 140px;
  }
}
@media (max-width: 991px) {
  .c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn {
    min-width: auto;
    width: 100%;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn {
    height: 0.8rem;
    border-radius: 0.4rem;
  }
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn:hover {
  color: #fff !important;
}
.c-cloudpbx .c-list > li .c-text-box .c-list2 li .c-btn:hover::before {
  width: 100%;
}
.c-cloudpbx .c-list > li:nth-child(4n-2) .c-text-box .c-text {
  color: #06D6A0;
}
.c-cloudpbx .c-list > li:nth-child(4n-2) .c-text-box .c-list2 li .c-btn {
  color: #06D6A0;
}
.c-cloudpbx .c-list > li:nth-child(4n-2) .c-text-box .c-list2 li .c-btn::before {
  background-color: #06D6A0;
}
.c-cloudpbx .c-list > li:nth-child(4n-2) .c-text-box .c-list2 li .c-btn::after {
  border: 2px solid #06D6A0;
}
.c-cloudpbx .c-list > li:nth-child(4n-1) .c-text-box .c-text {
  color: #ff6726;
}
.c-cloudpbx .c-list > li:nth-child(4n-1) .c-text-box .c-list2 li .c-btn {
  color: #ff6726;
}
.c-cloudpbx .c-list > li:nth-child(4n-1) .c-text-box .c-list2 li .c-btn::before {
  background-color: #ff6726;
}
.c-cloudpbx .c-list > li:nth-child(4n-1) .c-text-box .c-list2 li .c-btn::after {
  border: 2px solid #ff6726;
}
.c-cloudpbx .c-list > li:nth-child(4n) .c-text-box .c-text {
  color: #7a66f0;
}
.c-cloudpbx .c-list > li:nth-child(4n) .c-text-box .c-list2 li .c-btn {
  color: #7a66f0;
}
.c-cloudpbx .c-list > li:nth-child(4n) .c-text-box .c-list2 li .c-btn::before {
  background-color: #7a66f0;
}
.c-cloudpbx .c-list > li:nth-child(4n) .c-text-box .c-list2 li .c-btn::after {
  border: 2px solid #7a66f0;
}
        /* 弹出层样式 */
.popup-layer {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.popup-content {
  background: linear-gradient(122deg, #0064ff 2.05%, #59ffc3 107.74%);
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.close-popup {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-popup:hover,
.close-popup:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.search-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

#popupSearchInput {
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 70%;
}

#popupSearchButton {
  padding: 10px 20px;
  background-color: #06D6A0;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#popupSearchButton:hover {
  background-color: #04a078;
}

#popupResultTable {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

#popupResultTable th,
#popupResultTable td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

#popupResultTable th {
  background-color: #f2f2f2;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.pagination button {
  padding: 5px 10px;
  background-color: #06D6A0;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.pagination button:hover {
  background-color: #04a078;
}

.page-info {
  margin: 0 10px;
}

.total-count {
  text-align: left;
  margin-top: 10px;
}

/* 抖动效果 */
.shake {
  animation: shake 0.5s ease;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}

/* 响应式样式 */
@media (max-width: 768px) {
 .cont {
    width: 95%;
  }

 .name {
    font-size: 14px;
  }

 .popup-content {
    width: 90%;
  }

 .search-container {
    flex-direction: column;
  }

 #popupSearchInput {
    width: 100%;
    margin-bottom: 10px;
  }
}


        .wechat-modal-body {
            background-color: #f9fafb;
            font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
            padding: 20px;
        }
        
        .wechat-modal-container {
            max-width: 800px;
            width: 100%;
            text-align: center;
        }
        
        /* 按钮区域样式 */
        .wechat-modal-button-area {
            margin-bottom: 30px;
        }
        
        .wechat-modal-button-group {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
            margin: 25px 0;
        }
        
        .wechat-modal-btn {
            background: #f8f9fa;
            border: 1px solid #e0e6ed;
            border-radius: 50px;
            padding: 12px 28px;
            font-size: 16px;
            color: #3498db;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(52, 152, 219, 0.05);
        }
        
        .wechat-modal-btn:hover {
            background: #f1f5f9;
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(52, 152, 219, 0.1);
        }
        
        .wechat-modal-btn-primary {
            background: #3498db;
            color: white;
        }
        
        .wechat-modal-btn-primary:hover {
            background: #2980b9;
        }
        
        /* 链接区域样式 */
        .wechat-modal-link-section {
            margin-bottom: 30px;
        }
        
        .wechat-modal-link-group {
            display: flex;
            flex-wrap: wrap;
            gap: 25px;
            justify-content: center;
            margin: 25px 0;
        }
        
        .wechat-modal-link {
            color: #3498db;
            text-decoration: none;
            font-size: 16px;
            padding: 10px 0;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .wechat-modal-link::after {
            content: '';
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 0;
            height: 1px;
            background: #3498db;
            transition: width 0.3s ease;
        }
        
        .wechat-modal-link:hover {
            color: #2980b9;
        }
        
        .wechat-modal-link:hover::after {
            width: 100%;
        }
        
        /* 弹窗样式 */
        .wechat-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(240, 242, 245, 0.95);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .wechat-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        .wechat-modal-content {
            background: white;
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
            max-width: 380px;
            width: 90%;
            text-align: center;
            transform: translateY(20px);
            transition: transform 0.4s ease;
            position: relative;
        }
        
        .wechat-modal-overlay.active .wechat-modal-content {
            transform: translateY(0);
        }
        
        .wechat-modal-header {
            margin-bottom: 25px;
        }
        
        .wechat-modal-title {
            font-size: 24px;
            font-weight: 500;
            color: #2c3e50;
            margin-bottom: 8px;
        }
        
        .wechat-modal-subtitle {
            color: #7f8c8d;
            font-size: 14px;
        }
        
        .wechat-modal-qr-code {
            width: 220px;
            height: 220px;
            margin: 0 auto 25px;
            background: #f8f9fa;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .wechat-modal-qr-code::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: 
                linear-gradient(45deg, transparent 49%, rgba(52, 152, 219, 0.1) 50%, transparent 51%),
                linear-gradient(-45deg, transparent 49%, rgba(52, 152, 219, 0.1) 50%, transparent 51%);
            background-size: 20px 20px;
        }
        
        .wechat-modal-qr-code img {
            width: 180px;
            height: 180px;
            background: white;
            padding: 10px;
            border-radius: 4px;
        }
        
        .wechat-modal-logo {
            width: 36px;
            height: 36px;
            background: #09bb07;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }
        
        .wechat-modal-logo::before {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M8.2,13.6v-1.4c0-0.1,0.1-0.2,0.2-0.2h1.4c0.1,0,0.2,0.1,0.2,0.2v1.4c0,0.1-0.1,0.2-0.2,0.2H8.4 C8.3,13.8,8.2,13.7,8.2,13.6z M13.8,13.6v-1.4c0-0.1,0.1-0.2,0.2-0.2h1.4c0.1,0,0.2,0.1,0.2,0.2v1.4c0,0.1-0.1,0.2-0.2,0.2H14 C13.9,13.8,13.8,13.7,13.8,13.6z M18.9,8.3c0,3.3-3.8,6-8.5,6c-0.8,0-1.6-0.1-2.3-0.3l-2.1,1.1l0.6-1.9c-1.3-0.9-2.1-2.2-2.1-3.7 c0-3.3,3.8-6,8.5-6C15.1,2.3,18.9,5,18.9,8.3z'/%3E%3C/svg%3E") no-repeat center;
        }
        
        .wechat-modal-instructions {
            background: #f8f9fa;
            border-radius: 12px;
            padding: 15px;
            margin-top: 20px;
            font-size: 14px;
            color: #7f8c8d;
        }
        
        .wechat-modal-close-btn {
            position: absolute;
            top: 25px;
            right: 25px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }
        
        .wechat-modal-close-btn:hover {
            background: white;
            transform: rotate(90deg);
        }
        
        .wechat-modal-close-btn::before {
            content: "✕";
            font-size: 18px;
            color: #7f8c8d;
        }
        
        @media (max-width: 600px) {
            .wechat-modal-button-group,
            .wechat-modal-link-group {
                flex-direction: column;
                align-items: center;
            }
        }
		
		  /* end */
		
		        .features-container {
            max-width: 1200px;
            width: 100%;
        }
        
        .features {
            display: flex;
            gap: 24px;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .feature-card {
            flex: 1;
            min-width: 260px;
            max-width: 300px;
            padding: 32px;
            background: white;
            border-radius: 16px;
            box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05);
            position: relative;
            overflow: hidden;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 1;
        }
        
        .feature-card::before {
            content: '';
            position: absolute;
            top: -30px;
            left: -30px;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            z-index: -1;
            transition: all 0.4s ease;
        }
        
        .feature-card:nth-child(1)::before {
            background: radial-gradient(circle, #E9EFFF 0%, transparent 70%);
        }
        
        .feature-card:nth-child(2)::before {
            background: radial-gradient(circle, #E9F8F7 0%, transparent 70%);
        }
        
        /* 高清通话卡片渐变改为#FDDAAB */
        .feature-card:nth-child(3)::before {
            background: radial-gradient(circle, #FDDAAB 0%, transparent 70%);
        }
        
        .feature-card:nth-child(4)::before {
            background: radial-gradient(circle, #F5F0FF 0%, transparent 70%);
        }
        
        .feature-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
        }
        
        .feature-card:hover::before {
            transform: scale(1.2);
            opacity: 0.8;
        }
        
        .icon-container {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }
        
        .feature-icon {
            width: 36px;
            height: 36px;
            object-fit: contain;
        }
        
        /* 安全合规图标渐变 */
        .feature-card:nth-child(1) .icon-container {
            background: linear-gradient(135deg, #7793FA, #E8F0FF);
        }
        
        /* 资源丰富图标渐变 */
        .feature-card:nth-child(2) .icon-container {
            background: linear-gradient(135deg, #7ADFDE, #D9F9F8);
        }
        
        /* 高清通话图标渐变 */
        .feature-card:nth-child(3) .icon-container {
            background: linear-gradient(135deg, #FEC686, #FEEFD8);
        }
        
        /* 申请快捷图标渐变 */
        .feature-card:nth-child(4) .icon-container {
            background: linear-gradient(135deg, #A793F8, #E8E3FC);
        }
        
        /* 增大标题字体 */
        .feature-title {
            font-size: 24px; /* 从20px增大到24px */
            font-weight: 700;
            color: #1a365d;
            margin-bottom: 16px;
            letter-spacing: 0.3px;
        }
        
        .feature-desc {
            font-size: 16px;
            line-height: 1.7;
            color: #4a5568;
            position: relative;
            z-index: 2;
        }
        
        /* 响应式设计 */
        @media (max-width: 1024px) {
            .features {
                gap: 20px;
            }
            .feature-card {
                min-width: 240px;
                padding: 28px;
            }
        }
        
        @media (max-width: 768px) {
            .features {
                flex-direction: column;
                align-items: center;
            }
            .feature-card {
                max-width: 100%;
                width: 100%;
            }
            body {
                padding: 20px 15px;
            }
        }
        
        @media (max-width: 480px) {
            .feature-card {
                padding: 24px;
            }
            .feature-title {
                font-size: 20px; /* 从18px增大到20px */
            }
            .feature-desc {
                font-size: 15px;
            }
            .icon-container {
                width: 56px;
                height: 56px;
                margin-bottom: 20px;
            }
        }
		         /* 主搜索区域样式 */
		  .yb-body {
          
        }
        
        .yb-container {
            width: 100%;
            margin: 0 auto;
        }
        
        .yb-header {
            text-align: center;
            padding: 20px 0;
            color: #333;
        }
        
        .yb-h1 {
            font-size: 28px;
            margin-bottom: 8px;
            background: linear-gradient(to right, #3a86ff, #4361ee);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            font-weight: 700;
            letter-spacing: -0.5px;
        }
        
        .yb-subtitle {
            color: #6c757d;
            font-size: 16px;
            margin-bottom: 15px;
        }
        
        .yb-card-row-container {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin: 20px 0;
        }
        
        .yb-card-row {
            position: relative;
            height: 130px;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .yb-card-container {
            display: inline-flex;
            position: absolute;
            gap: 20px;
            padding: 8px 0;
        }
        
        .yb-row-top .yb-card-container {
            animation: yb-slideLeft 300s linear infinite;
        }
        
        .yb-row-bottom .yb-card-container {
            animation: yb-slideRight 300s linear infinite;
        }
        
        .yb-card {
            width: 300px;
            height: 110px;
            background: #ffffff; /* 卡片背景改为纯白色 */
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: all 0.3s ease;
            display: flex;
            flex-direction: row;
            white-space: normal;
            position: relative;
            cursor: pointer;
        }
        
        .yb-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(58, 134, 255, 0.15);
        }
        
        .yb-flag-section {
            width: 80px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: flex-end; /* 国旗靠右 */
            padding-right: 15px; /* 增加右边距 */
        }
        
        .yb-flag {
            width: 38px;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 50%;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
        }
        
        .yb-flag img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }
        
        .yb-content {
            padding: 12px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .yb-phone-number {
            font-size: 14px;
            font-weight: 600;
            color: #505050; /* 第一行字体颜色改为#505050 */
            margin-bottom: 8px;
            text-align: left;
        }
        
        .yb-country-info {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            color: #828282; /* 第二行字体颜色改为#828282 */
            font-size: 12px;
            line-height: 1.3;
            gap: 8px;
        }
        
        .yb-country-name {
           
            white-space: nowrap;
        }
        
        .yb-type-label {
            display: inline-block;
            background-color: rgba(58, 134, 255, 0.1);
            padding: 3px 8px;
            border-radius: 4px;
            font-size: 13px;
            white-space: nowrap;
            text-align: left;
            color: #828282; /* 类型标签字体颜色也改为#828282 */
        }
        
        @keyframes yb-slideLeft {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        
        @keyframes yb-slideRight {
            0% { transform: translateX(-50%); }
            100% { transform: translateX(0); }
        }
        
        @media (max-width: 768px) {
            .yb-card {
                width: 260px;
                height: 100px;
            }
            
            .yb-card-row {
                height: 110px;
            }
            
            .yb-h1 {
                font-size: 24px;
            }
            
            .yb-phone-number {
                font-size: 16px;
            }
            
            .yb-flag {
                width: 34px;
                height: 34px;
            }
            
            .yb-flag-section {
                width: 70px;
            }
            
            .yb-country-info {
                font-size: 13px;
            }
        }
		  /* 多种触发按钮样式 */
        .wx-trigger-btn {
            padding: 12px 24px;
            background: linear-gradient(135deg, #0064ff, #59ffc3);
            color: white;
            border: none;
            border-radius: 30px;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer;
            box-shadow: 0 4px 15px rgba(0, 100, 255, 0.3);
            transition: all 0.3s ease;
            outline: none;
            position: relative;
            overflow: hidden;
            margin: 10px;
            display: inline-block;
        }
        
        .wx-trigger-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0, 100, 255, 0.4);
        }
        
        .wx-trigger-btn:active {
            transform: translateY(0);
        }
        
        .wx-trigger-btn::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                to bottom right,
                rgba(255,255,255,0) 0%,
                rgba(255,255,255,0.8) 50%,
                rgba(255,255,255,0) 100%
            );
            transform: rotate(30deg);
            animation: wx-shine 3s infinite;
        }
        
        /* 多种触发链接样式 */
        .wx-trigger-link {
            color: #0064ff;
            text-decoration: none;
            font-weight: 500;
            border-bottom: 2px dashed #59ffc3;
            padding-bottom: 2px;
            margin: 15px;
            display: inline-block;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        
        .wx-trigger-link:hover {
            color: #59ffc3;
            border-bottom-color: #0064ff;
            transform: translateY(-2px);
        }
        
        @keyframes wx-shine {
            0% { transform: translateX(-120%) rotate(30deg); }
            100% { transform: translateX(120%) rotate(30deg); }
        }
        
        /* 微信弹出层容器 */
        .wx-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 1000;
            padding: 20px;
            backdrop-filter: blur(5px);
        }
        
        .wx-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* 微信模态框样式 */
        .wx-modal {
            background: white;
            border-radius: 16px;
            width: 100%;
            max-width: 420px;
            position: relative;
            transform: scale(0.9) translateY(20px);
            opacity: 0;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
            text-align: center;
            overflow: hidden;
            animation: wx-glow 2s infinite alternate;
            border: 1px solid rgba(0, 100, 255, 0.2);
        }
        
        @keyframes wx-glow {
            0% {
                box-shadow: 0 0 15px rgba(0, 100, 255, 0.4), 
                            0 0 30px rgba(89, 255, 195, 0.4);
            }
            50% {
                box-shadow: 0 0 25px rgba(0, 100, 255, 0.6), 
                            0 0 50px rgba(89, 255, 195, 0.6);
            }
            100% {
                box-shadow: 0 0 15px rgba(0, 100, 255, 0.4), 
                            0 0 30px rgba(89, 255, 195, 0.4);
            }
        }
        
        .wx-overlay.active .wx-modal {
            transform: scale(1) translateY(0);
            opacity: 1;
        }
        
        /* 微信模态框背景 */
        .wx-modal-bg {
            width: 100%;
            height: 120px;
            background: linear-gradient(135deg, #0064ff, #59ffc3);
            position: relative;
            overflow: hidden;
        }
        
        .wx-modal-bg::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 0;
            width: 100%;
            height: 40px;
            background: white;
            border-radius: 50% 50% 0 0 / 100% 100% 0 0;
            transform: scale(1.5);
            z-index: 1;
        }
        
        /* 微信模态框内容区域 */
        .wx-modal-content {
            padding: 0 25px 25px;
            margin-top: -40px;
            position: relative;
            z-index: 1;
        }
        
        /* 微信图标样式 */
        .wx-icon {
            width: 60px;
            height: 60px;
            margin: -30px auto 15px;
            background: linear-gradient(135deg, #0064ff, #59ffc3);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 28px;
            box-shadow: 0 5px 15px rgba(89, 255, 195, 0.3);
            position: relative;
            z-index: 2;
            animation: wx-icon-float 3s infinite ease-in-out;
        }
        
        @keyframes wx-icon-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-8px); }
        }
        
        /* 二维码容器 */
        .wx-qrcode-container {
            width: 220px;
            height: 220px;
            margin: 0 auto 15px;
            padding: 10px;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: white;
            box-shadow: 0 5px 15px rgba(0, 100, 255, 0.1);
            position: relative;
            overflow: hidden;
        }
        
        .wx-qrcode-container::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                to bottom right,
                rgba(0, 100, 255, 0) 0%,
                rgba(0, 100, 255, 0.1) 50%,
                rgba(0, 100, 255, 0) 100%
            );
            transform: rotate(30deg);
            animation: wx-qr-shine 5s infinite;
            z-index: 1;
        }
        
        @keyframes wx-qr-shine {
            0% { transform: translateX(-100%) rotate(30deg); }
            100% { transform: translateX(100%) rotate(30deg); }
        }
        
        .wx-qrcode-placeholder {
            width: 200px;
            height: 200px;
            background: linear-gradient(45deg, #f0f8ff, #f0fff9);
            display: flex;
            justify-content: center;
            align-items: center;
            color: #999;
            font-size: 14px;
            position: relative;
            z-index: 2;
            border-radius: 8px;
        }
        
        /* 文本内容样式 */
        .wx-modal-text {
            font-size: 15px;
            line-height: 1.6;
            color: #666;
            margin-bottom: 10px;
        }
        
        .wx-modal-footer {
            margin-top: 15px;
            font-size: 13px;
            color: #999;
        }
        
        /* 关闭按钮 */
        .wx-close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
            z-index: 3;
            box-shadow: 0 2px 10px rgba(0, 100, 255, 0.2);
        }
        
        .wx-close-btn:hover {
            background: white;
            transform: rotate(90deg);
        }
        
        .wx-close-btn::before, 
        .wx-close-btn::after {
            content: '';
            position: absolute;
            width: 14px;
            height: 2px;
            background: #0064ff;
        }
        
        .wx-close-btn::before {
            transform: rotate(45deg);
        }
        
        .wx-close-btn::after {
            transform: rotate(-45deg);
        }
        
        /* 提示信息 */
        .wx-scan-tip {
            display: inline-block;
            padding: 6px 12px;
            background: linear-gradient(135deg, rgba(0, 100, 255, 0.1), rgba(89, 255, 195, 0.1));
            border-radius: 20px;
            color: #0064ff;
            font-size: 14px;
            margin-top: 8px;
            animation: wx-pulse 2s infinite;
        }
        
        @keyframes wx-pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        /* 标题样式 */
        .wx-title {
            font-size: 20px;
            font-weight: 500;
            color: white;
            margin-bottom: 15px;
            position: absolute;
            top: -100px;
            left: 0;
            width: 100%;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
            z-index: 2;
            animation: wx-title-float 3s infinite ease-in-out;
        }
        
        @keyframes wx-title-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }
        /* 弹出层样式 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            visibility: hidden;
            opacity: 0;
            transition: all 0.3s ease;
        }
        
        .modal-overlay.active {
            visibility: visible;
            opacity: 1;
        }
        
        .modal {
            background-color: white;
            width: 95%;
            max-width: 1200px;
            max-height: 90vh;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            display: flex;
            flex-direction: column;
            transform: translateY(-20px);
            transition: transform 0.3s ease;
            overflow: hidden; /* 确保头部渐变不溢出 */
        }
        
        .modal-overlay.active .modal {
            transform: translateY(0);
        }
        
        /* 弹出层头部使用渐变效果 */
        .modal-header {
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: linear-gradient(122deg, #0064ff 2.05%, #59ffc3 107.74%);
        }
        
        .modal-title {
            font-size: 20px;
            font-weight: 600;
            color: white; /* 白色字体与渐变背景对比 */
        }
        
        .close-btn {
            background: none;
            border: none;
            font-size: 22px;
            cursor: pointer;
            color: white; /* 白色关闭按钮 */
            transition: color 0.2s ease;
        }
        
        .close-btn:hover {
            color: #f0f0f0;
        }
        
        .modal-body {
            padding: 20px;
            overflow-y: auto;
            flex: 1;
        }
        
        /* 弹出层搜索区域样式 */
        .modal-search-container {
            margin-bottom: 20px;
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
        
        .modal-search-input {
            flex: 1;
            min-width: 200px;
            padding: 10px 15px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 14px;
        }
        
        .modal-search-input:focus {
            outline: none;
            border-color: #06D6A0;
            box-shadow: 0 0 0 2px rgba(6, 214, 160, 0.2);
        }
        
        .modal-search-button {
            padding: 10px 25px;
            background: linear-gradient(122deg, #0064ff 2.05%, #59ffc3 107.74%);
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .modal-search-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 100, 255, 0.2);
        }
        
        /* 表格样式 - 表头字体增大 */
        .data-table {
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
            font-size: 14px;
        }
        
        .data-table th {
            padding: 12px 15px;
            text-align: left;
            font-weight: 600;
            color: #333;
            border-bottom: 2px solid #06D6A0;
            font-size: 16px; /* 表头字体增大 */
        }
        
        .data-table td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #eee;
        }
        
        .data-table tr:hover td {
            background-color: #f5fffc;
        }
        
        /* 分页样式 */
        .pagination {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid #eee;
        }
        
        .total-count {
            color: #666;
            font-size: 14px;
        }
        
        .page-controls {
            display: flex;
            gap: 5px;
        }
        
        .page-btn {
            padding: 6px 12px;
            background-color: white;
            border: 1px solid #ddd;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            transition: all 0.2s ease;
        }
        
        .page-btn:hover {
            border-color: #06D6A0;
            color: #06D6A0;
        }
        
        .page-btn.active {
            background-color: #06D6A0;
            color: white;
            border-color: #06D6A0;
        }
        
        .page-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            border-color: #ddd;
            color: #999;
            background-color: #f9f9f9;
        }
        
        /* 响应式调整 */
        @media (max-width: 768px) {
            .modal {
                width: 98%;
            }
            
            .main-search,
            .modal-search-container {
                flex-direction: column;
            }
            
            .search-btn,
            .more-btn,
            .modal-search-button {
                width: 100%;
            }
            
            .pagination {
                flex-direction: column;
                gap: 10px;
                align-items: flex-start;
            }
            
            .page-controls {
                flex-wrap: wrap;
            }
            
            /* 表格响应式处理 */
            .data-table-wrapper {
                overflow-x: auto;
            }
            
            .data-table {
                min-width: 700px;
            }
        }
		
		 /* 增强渐变效果的背景层 - 更明显的对比 */
        .dynamic-bg-layer {
            position: absolute;
            top:560px;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            /* 增强与白色的对比度 */
            background: linear-gradient(
                135deg, 
                rgba(6, 214, 160, 0.25) 0%, 
                rgba(6, 214, 160, 0.1) 40%,
                rgba(6, 214, 160, 0.2) 60%,
                rgba(6, 214, 160, 0.3) 100%
            );
            background-size: 200% 200%;
            animation: gradientFlow 3s ease infinite; /* 加快动画速度 */
            overflow: hidden;
        }
        
        /* 鲜明的装饰元素 - 更大更快 */
        .bg-decor {
            position: absolute;
            background: rgba(6, 214, 160, 0.3); /* 提高透明度增强可见性 */
            border-radius: 50%;
            filter: blur(80px); /* 增大模糊范围 */
            transform-origin: center;
            z-index: -1;
        }
        
        /* 小型动态装饰点 */
        .bg-dot {
            position: absolute;
            background-color: rgba(255, 107, 107, 0.8);
            border-radius: 500%;
            z-index: -1;
        }
        
        /* 优势模块容器 */
        .advantages-container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 80px 40px;
            position: relative;
            z-index: 1;
        }
        
        /* 模块标题 */
        .section-title {
            text-align: center;
            font-size: 36px;
            color: #2c3e50;
            margin-bottom: 70px;
            font-weight: 700;
            position: relative;
            padding-bottom: 10px;
        }
        
        .section-title::after {
            content: '';
            display: block;
            width: 100px;
            height: 5px;
            background: linear-gradient(90deg, #06D6A0 0%, #04b082 100%);
            border-radius: 3px;
            margin: 15px auto 0;
            box-shadow: 0 2px 15px rgba(6, 214, 160, 0.4);
        }
        
        /* 优势列表容器 - 一行布局 */
        .advantages-list {
            display: flex;
            justify-content: space-between;
            width: 100%;
            gap: 25px;
            background: none;
            padding: 0;
            flex-wrap: nowrap;
        }
        
        /* 单个优势项 - 增强与背景的对比度 */
        .advantage-item {
            flex: 1;
            min-width: 0;
        }
        
        .advantage-card {
            height: 100%;
            padding: 40px 25px;
            border-radius: 16px;
            text-align: center;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
            position: relative;
            overflow: hidden;
            cursor: pointer;
            background: rgba(255, 255, 255, 0.98); /* 更接近白色，增强对比 */
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); /* 增强阴影 */
            border: 1px solid rgba(6, 214, 160, 0.15);
        }
        
        .card-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(6, 214, 160, 0) 0%, rgba(6, 214, 160, 0) 100%);
            transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.4);
            z-index: -1;
        }
        
        .advantage-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 6px;
            background: linear-gradient(90deg, #2DE2ED 0%, #12F39B 100%);
            transform: scaleX(0.3);
            transform-origin: left center;
            transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
        }
        
        .advantage-card:hover {
            transform: translateY(-15px) scale(1.03);
            box-shadow: 0 20px 35px rgba(6, 214, 160, 0.25);
            border-color: rgba(6, 214, 160, 0.3);
        }
        
        .advantage-card:hover::before {
            transform: scaleX(1);
        }
        
        .advantage-card:hover .card-bg {
            background: linear-gradient(135deg, rgba(6, 214, 160, 0.15) 0%, rgba(6, 214, 160, 0.25) 100%);
        }
        
        /* 图标容器 */
        .advantage-icon {
            width: 90px;
            height: 90px;
            margin: 0 auto 30px;
            border-radius: 50%;
            background: linear-gradient(135deg, rgba(6, 214, 160, 0.15) 0%, rgba(6, 214, 160, 0.25) 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
            box-shadow: 0 5px 15px rgba(6, 214, 160, 0.1);
        }
        
        .advantage-card:hover .advantage-icon {
            transform: scale(1.2) rotate(10deg);
            background: linear-gradient(135deg, rgba(6, 214, 160, 0.25) 0%, rgba(6, 214, 160, 0.35) 100%);
            box-shadow: 0 8px 25px rgba(6, 214, 160, 0.25);
        }
        
        /* 图标样式 */
        .icon-svg {
            width: 45px;
            height: 45px;
            fill: #06D6A0;
            transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
        }
        
        .advantage-card:hover .icon-svg {
            fill: #04b082;
            transform: rotate(-10deg) scale(1.1);
        }
        
        /* 标题和描述文字 */
        .advantage-title {
            font-size: 26px;
            color: #04b082;
            margin-bottom: 20px;
            font-weight: 600;
            transition: all 0.5s ease;
        }
        
        .advantage-card:hover .advantage-title {
            color: #06D6A0;
            transform: translateY(-5px);
        }
        
        .advantage-desc {
            font-size: 15px;
            color: #636e72;
            line-height: 1.7;
            transition: all 0.5s ease;
        }
        
        .advantage-card:hover .advantage-desc {
            color: #2c3e50;
            transform: translateY(5px);
        }
        
        /* 装饰性元素 */
        .decor-dot {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #06D6A0;
            border-radius: 50%;
            opacity: 0;
            transition: all 0.6s ease;
        }
        
        .dot-1 { top: 20%; left: 10%; }
        .dot-2 { bottom: 30%; right: 15%; }
        
        .advantage-card:hover .decor-dot {
            opacity: 0.7;
            transform: scale(1.5);
        }
        
        /* 动画关键帧 - 增强渐变流动效果 */
        @keyframes gradientFlow {
            0% { background-position: 0% 0%; }
            25% { background-position: 100% 25%; }
            50% { background-position: 50% 100%; }
            75% { background-position: 0% 75%; }
            100% { background-position: 0% 0%; }
        }
        
        @keyframes floatAndShake {
            0% { transform: translate(0, 0) rotate(0deg) scale(1); }
            25% { transform: translate(30px, -20px) rotate(5deg) scale(1.1); }
            50% { transform: translate(60px, 10px) rotate(-3deg) scale(1.05); }
            75% { transform: translate(20px, -30px) rotate(2deg) scale(1.15); }
            100% { transform: translate(0, 0) rotate(0deg) scale(1); }
        }
        
        @keyframes pulseShake {
            0%, 100% { transform: scale(1) translate(0, 0); }
            25% { transform: scale(1.05) translate(-5px, 3px); }
            50% { transform: scale(0.98) translate(3px, -5px); }
            75% { transform: scale(1.03) translate(-2px, 2px); }
        }
        
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(50px) scale(0.9); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }
        
        /* 初始加载动画 */
        .advantage-item {
            animation: fadeInUp 0.8s ease forwards;
            opacity: 0;
        }
        
        .advantage-item:nth-child(1) { animation-delay: 0.2s; }
        .advantage-item:nth-child(2) { animation-delay: 0.4s; }
        .advantage-item:nth-child(3) { animation-delay: 0.6s; }
        .advantage-item:nth-child(4) { animation-delay: 0.8s; }
        
        /* 响应式设计 */
        @media (max-width: 1280px) {
            .advantages-container { padding: 60px 30px; }
            .advantage-card { padding: 35px 20px; }
        }
        
        @media (max-width: 992px) {
            .advantages-list { gap: 15px; }
            .advantage-icon { width: 80px; height: 80px; }
            .icon-svg { width: 40px; height: 40px; }
        }
        
        @media (max-width: 768px) {
            .section-title { font-size: 30px; margin-bottom: 50px; }
            .advantage-desc { font-size: 13px; }
        }
        
        @media (max-width: 576px) {
            .advantages-container { 
                padding: 40px 15px; 
                overflow-x: auto; 
            }
            .advantages-list { 
                min-width: 550px; 
                padding-bottom: 15px;
            }
        }
		
		  /* 渐变背景和主色调定义 */
.gradient-bg {
    background: linear-gradient(122deg, #0064ff 2.05%, #59ffc3 107.74%);
}

.primary-color {
    color: #06D6A0;
}

/* 头部样式 */

.button-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 640px) {
    .button-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .button-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

.data-btn {
    padding: 32px 16px;
    border: none;
    border-radius: 12px;
    color: white;
    font-size: 17.6px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0, 100, 255, 0.1);
}

.data-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(6, 214, 160, 0.2);
}

/* 弹出层样式 */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 16px;
	background:#FFFFFF
}

.popup_popup {
    background-color: white;
    border-radius: 12px;
    width: 100%;
    max-width: 1200px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 50px rgba(0, 100, 255, 0.15);
}

.popup-header {
    padding: 24px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.popup-header h2 {
    font-size: 24px;
    font-weight: 700;
}

.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.close-btn:hover {
    color: #e2e8f0;
}

.search-container {
    padding: 24px;
    border-bottom: 1px solid #e2e8f0;
}

.search-box {
    display: flex;
    gap: 16px;
    margin-bottom: 8px;
	width: 100%;
    max-width: 1200px;
	
}

.search-input {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 16px;
	width:95%
}

.search-input:focus {
    outline: none;
    border-color: #06D6A0;
    box-shadow: 0 0 0 2px rgba(6, 214, 160, 0.2);
}

.search-btn {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
	
}

.search-btn:hover {
    opacity: 0.9;
}

.search-hint {
    font-size: 14px;
    color: #64748b;
}

.table-container {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    position: relative;
}

/* 加载状态样式 */
.loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    z-index: 10;
}

.loading.active {
    display: flex;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(6, 214, 160, 0.2);
    border-left-color: #06D6A0;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table th,
.data-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.data-table th {
    background-color: #f1f5f9;
    font-weight: 600;
    color: #334155;
    position: sticky;
    top: 0;
}

.data-table tr:hover {
    background-color: #f8fafc;
}

.pagination-container {
    padding: 24px;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.total-count {
    font-size: 14px;
    color: #64748b;
}

.total-count .primary-color {
    font-weight: 600;
}

.pagination {
    display: flex;
    align-items: center;
    gap: 16px;
}

.page-btn {
    padding: 8px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.page-btn:hover:not(:disabled) {
    background-color: #f1f5f9;
}

.page-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.current-page {
    font-size: 14px;
    color: #64748b;
}

.current-page .primary-color {
    font-weight: 600;
}

.no-data {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: #64748b;
}

/* 错误提示样式 */
.error-message {
    display: none;
    padding: 16px;
    margin: 16px 0;
    background-color: #fee2e2;
    color: #dc2626;
    border-radius: 8px;
    border: 1px solid #fecaca;
    white-space: pre-line;
}

.error-message.active {
    display: block;
}

/* 库加载错误提示 */
#libraryError {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ef4444;
    color: white;
    padding: 16px;
    text-align: center;
    z-index: 9999;
    display: none;
}

#libraryError.active {
    display: block;
}       
		          
        .dynamic-container {
            position: relative;
            width: 300px;
            height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .dynamic-btn {
            position: relative;
            padding: 16px 48px;
            background-color: #06D6A0;
            color: white;
            border: none;
            border-radius: 60px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            overflow: hidden;
            box-shadow: 0 10px 25px rgba(6, 214, 160, 0.3);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            z-index: 1;
        }
        
        /* 流光背景动画 */
        .dynamic-btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.3),
                transparent
            );
            transition: 0.5s;
            z-index: -1;
        }
        
        /* 脉冲呼吸效果 */
        .dynamic-btn::after {
            content: '';
            position: absolute;
            top: -10px;
            left: -10px;
            right: -10px;
            bottom: -10px;
            background: rgba(6, 214, 160, 0.2);
            border-radius: 60px;
            animation: pulse 3s infinite ease-out;
            z-index: -2;
            opacity: 0;
        }
        
        /* 悬停效果 */
        .dynamic-btn:hover {
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 15px 30px rgba(6, 214, 160, 0.4);
        }
        
        .dynamic-btn:hover::before {
            left: 100%;
        }
        
        /* 粒子效果 */
        .particle {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            pointer-events: none;
            animation: float 3s ease-in infinite;
        }
        
        @keyframes pulse {
            0% {
                transform: scale(0.95);
                opacity: 0.6;
            }
            50% {
                transform: scale(1.05);
                opacity: 0.3;
            }
            100% {
                transform: scale(0.95);
                opacity: 0.6;
            }
        }
        
        @keyframes float {
            0% {
                transform: translateY(0) rotate(0deg);
                opacity: 1;
            }
            100% {
                transform: translateY(-100px) rotate(360deg);
                opacity: 0;
            }
        }
		   
		   
		   
		      :root {
            --primary-color: #06D6A0;
            --bg-color: #F5F5F5;
            --highlight-color: #FF6B6B;
            --card-bg: rgba(255, 255, 255, 0.95);
            --text-dark: #333333;
            --text-gray: #666666;
        }
		
		
        .country-header {
            padding: 20px 0;
            margin-bottom: 30px;
            text-align: left;
        }
        .country-name {
            display: inline-block;
            font-size: 42px;
            font-weight: 800;
            color: var(--text-dark);
            margin-right: 15px;
            position: relative;
            letter-spacing: 1px;
        }
        .country-name::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 100%;
            height: 4px;
            background: var(--primary-color);
            transform: scaleX(0.9);
            transform-origin: left;
            transition: transform 0.3s ease;
        }
        .country-name:hover::after {
            transform: scaleX(1);
        }
        .country-en {
            display: inline-block;
            font-size: 24px;
            color: var(--text-gray);
            font-weight: 500;
            vertical-align: bottom;
            letter-spacing: 0.5px;
        }
        .cards-container {
            display: flex;
            gap: 25px;
            padding: 35px;
            background-color: var(--bg-color);
            border-radius: 28px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
            position: relative;
            overflow: hidden;
        }
        .cards-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), transparent);
            z-index: 0;
            border-radius: 28px;
        }
        .card {
            flex: 1;
            padding: 28px 22px;
            border-radius: 22px;
            background: var(--card-bg);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            overflow: hidden;
            z-index: 1;
        }
        .card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), transparent);
            z-index: -1;
            border-radius: 22px;
        }
        .card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }
        .card-title {
            color: var(--text-gray);
            font-size: 18px;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }
        .card-value {
            font-size: 28px;
            font-weight: 600;
            color: var(--text-dark);
            position: relative;
            z-index: 1;
        }
        .price-card .card-value {
            color: var(--primary-color);
            font-size: 32px;
            font-weight: 800;
        }
        .rate-card {
            flex: 1.5;
            background: linear-gradient(145deg, var(--highlight-color), #FF8E8E);
            color: white;
            animation: pulse 2s infinite;
        }
        .rate-card .card-title,
        .rate-card .card-value {
            color: white;
        }
        .rate-card .card-value {
            font-size: 38px;
            font-weight: 800;
        }
        .price-tag {
            position: absolute;
            top: -10px;
            right: -10px;
            width: 28px;
            height: 28px;
            background: var(--highlight-color);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 14px;
            font-weight: bold;
            box-shadow: 0 3px 8px rgba(255, 107, 107, 0.4);
        }
        @keyframes pulse {
            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.5); }
            50% { transform: scale(1.08); }
            70% { box-shadow: 0 0 0 20px rgba(255, 107, 107, 0); }
            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 107, 107, 0); }
        } 
 
 

span.b_b{ background:linear-gradient(122deg,#0064ff 2.05%,#59ffc3 107.74%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;}
.public-btn5 a{overflow:hidden;border:0 solid #0064ff;border-radius:15px;color:#fff;font-style:normal;font-weight:500;text-decoration:none;background:linear-gradient(122deg,#0064ff 2.05%,#59ffc3 107.74%);box-shadow:0 18.83564px 41.43841px 0 rgba(141,170,255,.3),inset 0 0 10px 0 hsla(0,0%,100%,.65);display:inline-block;font-size:16px;line-height:24px;padding:12px 20px;position:relative;text-align:center;text-transform:none;z-index:1;transition:all .3s ease}
.public-btn5 a:before{content:"";background:linear-gradient(121deg,#0064ff -80.08%,#59ffc3 107.77%);bottom:0;box-shadow:0 5px 10px 0 rgba(141,170,255,.3),inset 0 3px 10px 0 hsla(0,0%,100%,.65);left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s ease;z-index:-1}
.public-btn5 a:hover{opacity:1;box-shadow:0 5px 10px 0 rgba(141,170,255,.3),inset 0 3px 10px 0 hsla(0,0%,100%,.65)}
.public-btn5 a:hover:before{content:"";opacity:1}
.public-btn5 button{width:104px;height:48px;border-radius:15px}

.tan_wei2{
	position: absolute;
	z-index: 99999;
	left: 10px;
	top: 175px;
	display: block;

	
}
	.contact {
	position: fixed;
	left: 10px;
	top: 420px;
	z-index: 9999999;}
.summary {background-color:#F6F7F8;border: 1px solid #F6F7F8;font-size: 16px;line-height: 23px;margin: 0px 0px 30px 0px;padding: 15px;border-radius:8px;color:#9096A5; font-size:14px}
.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
    display: none;
}

.popupbox {
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 466px;
    height: 528px;
    background: url(poupBg.png);
}

.popup-img {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%);
}

.zixun {
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
    position: relative;
    top: 70%;
}

.pub-btn {
  min-width: 1.6rem;
  height: 50px;
  padding: 0 0.2rem;
  position: relative;
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all ease-out 0.3s;
  background: #06d6a0;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 169, 133, 0.3);
}
@media (max-width: 1580px) {
  .pub-btn {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .pub-btn {
    min-width: 2.4rem;
  }
}
.pub-btn span {
  position: relative;
  z-index: 2;
  color: #fff;
  transition: all ease-out 0.3s 0.1s;
  font-weight: bold;
}
.pub-btn .icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-left: 0.2rem;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  left: 0;
  transition: all ease-out 0.3s;
}
.pub-btn .icon svg {
  transform: rotateZ(-90deg);
}
.pub-btn .icon svg path {
  opacity: 1;
  transition: all ease-out 0.3s;
}
@media (max-width: 767px) {
  .pub-btn {
    height: 0.8rem;
  }
}
.pub-btn:hover .icon {
  left: 0.1rem;
}

.index-box2 {
  width: 100%;
  margin-top: 0.4rem;
}
.index-box2 .container2 .top .t1 {
  color: #06d6a0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}
.index-box2 .container2 .top .title {
  font-size: 0.48rem;
  line-height: 0.6rem;
  text-align: center;
  color: #202945;
  font-weight: bold;
  margin-top: 0.13rem;
}
.index-box2 .container2 .top .more {
  display: flex;
  justify-content: center;
  margin-top: 0.32rem;
}
.index-box2 .container2 .top .more .pub-btn {
  box-shadow: none;
}
.index-box2 .container2 .content {
  width: 100%;
  position: relative;
  margin-top: 0.88rem;
}
.index-box2 .container2 .content .earth {
  width: 76.357%;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.index-box2 .container2 .content .earth::before {
  content: '';
  width: 100%;
  display: block;
  padding-top: 42.869%;
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .earth::before {
    padding-top: 65%;
  }
}
.index-box2 .container2 .content .earth img {
  width: 100%;
  position: absolute;
  top: 0;
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .earth img {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
}
.index-box2 .container2 .content .tbox1 {
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 42.75%;
  left: 0;
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox1 {
    top: 28%;
  }
}
.index-box2 .container2 .content .tbox1 .boxs {
  width: 78.57%;
  position: relative;
  background: #fff;
  border-radius: 0.8rem;
  box-shadow: 0 0.14rem 0.81rem 0 rgba(9, 85, 65, 0.16);
  padding: 0 0.5rem;
  display: flex;
  margin: 0 auto;
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .tbox1 .boxs {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox1 .boxs {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
}
.index-box2 .container2 .content .tbox1 .boxs::before {
  content: '';
  width: 0.91rem;
  height: 0.62rem;
  background: url(index-box2-icon5.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: -0.27rem;
  top: 0.53rem;
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox1 .boxs::before {
    display: none;
  }
}
.index-box2 .container2 .content .tbox1 .boxs .item {
  width: 33.33%;
  padding: 0.3rem 0.8rem 0.35rem;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .tbox1 .boxs .item {
    padding: 0.2rem 0;
  }
}
.index-box2 .container2 .content .tbox1 .boxs .item .t1 {
  color: #06d6a0;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 0.34rem;
  line-height: 0.6rem;
  white-space: nowrap;
}
.index-box2 .container2 .content .tbox1 .boxs .item .t1 span {
  font-size: 0.56rem;
  line-height: 0.6rem;
  margin-right: 0.1rem;
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox1 .boxs .item .t1 span {
    font-size: 0.46rem;
  }
}
.index-box2 .container2 .content .tbox1 .boxs .item .t2 {
  font-size: 18px;
  color: #666;
  text-align: center;
  line-height: 24px;
  margin-top: 0.1rem;
}
@media (max-width: 1580px) {
  .index-box2 .container2 .content .tbox1 .boxs .item .t2 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox1 .boxs .item .t2 {
    font-size: 12px;
    line-height: 20px;
  }
}
.index-box2 .container2 .content .tbox2 {
  position: absolute;
  z-index: 2;
  width: 4.77rem;
  left: 3.06rem;
  bottom: 1.9rem;
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .tbox2 {
    left: 1.06rem;
    bottom: 1.2rem;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox2 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    left: 0;
    bottom: 1.4rem;
  }
}
.index-box2 .container2 .content .tbox3 {
  position: absolute;
  z-index: 2;
  width: 2.74rem;
  right: 1.13rem;
  bottom: 1.7rem;
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
.index-box2 .container2 .content .tbox3 img {
  box-shadow: 0 0.17rem 0.81rem 0 rgba(22, 133, 109, 0.08);
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .tbox3 {
    right: 0.6rem;
    bottom: 0.7rem;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .tbox3 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    right: 0;
    bottom: 0.2rem;
  }
}
.index-box2 .container2 .content .icon1 {
  position: absolute;
  z-index: 2;
  width: 1.33rem;
  left: 1.81rem;
  bottom: calc(100% + 0.3rem);
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .icon1 {
    left: -0.3rem;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .icon1 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    display: none;
  }
}
.index-box2 .container2 .content .icon2 {
  position: absolute;
  z-index: 2;
  width: 1.66rem;
  right: 1.49rem;
  bottom: calc(100% + 0.58rem);
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .icon2 {
    right: 0;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .icon2 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    display: none;
  }
}
.index-box2 .container2 .content .icon3 {
  position: absolute;
  z-index: 2;
  width: 0.8rem;
  left: 1.7rem;
  bottom: 1.5rem;
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .icon3 {
    bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .icon3 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    bottom: 0.3rem;
  }
}
.index-box2 .container2 .content .icon4 {
  position: absolute;
  z-index: 2;
  width: 0.9rem;
  left: 56.428%;
  bottom: 0.63rem;
  transform: translate3d(0px, 50px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform-style: preserve-3d;
  opacity: 0;
  transition: all ease-out 0.5s;
}
@media (max-width: 991px) {
  .index-box2 .container2 .content .icon4 {
    bottom: 0.3rem;
    transform: translate3d(0px, 30px, 0px) scale3d(0.5, 0.5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
}
@media (max-width: 767px) {
  .index-box2 .container2 .content .icon4 {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    bottom: 0.2rem;
    display: none;
  }
}
.other-box {
  width: 100%;
  background: #06d6a0;
  padding: 0.67rem 0 0.38rem;
}
.other-box .container2 .title {
  display: flex;
  justify-content: center;
}
.other-box .container2 .title span {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 0.6rem;
  position: relative;
  color: #fff;
}
@media (max-width: 767px) {
  .other-box .container2 .title span {
    padding: 0 0.5rem;
    text-align: center;
  }
}
.other-box .container2 .title span::before {
  content: '';
  width: 0.76rem;
  height: 0.58rem;
  background: url(other-box-icon.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(100% + 0.28rem);
  bottom: 0.4rem;
}
@media (max-width: 767px) {
  .other-box .container2 .title span::before {
    right: initial;
    left: 0;
    bottom: 1rem;
  }
}
.other-box .container2 .title span::after {
  content: '';
  width: 0.76rem;
  height: 0.58rem;
  background: url(other-box-icon.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  left: calc(100% + 0.28rem);
  top: 0.4rem;
  transform: rotateZ(180deg);
}
@media (max-width: 767px) {
  .other-box .container2 .title span::after {
    left: initial;
    right: 0;
    top: 1rem;
  }
}
.other-box .container2 .more {
  display: flex;
  justify-content: center;
  margin-top: 0.36rem;
}
.other-box .container2 .more .pub-btn {
  background: #fff;
}
.other-box .container2 .more .pub-btn span {
  color: #06d6a0;
  font-weight: bold;
}
.other-box .container2 .more .pub-btn .icon {
  background: #06d6a0;
}
.other-box .container2 .more .pub-btn .icon svg path {
  fill: #fff;
}
.footer {
  width: 100%;
  padding: 0.8rem 0 0.84rem;
}
.footer .container .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .footer .container .top .left {
    width: 100%;
  }
}
.footer .container .top .left .logo {
  width: 2.58rem;
}
@media (max-width: 767px) {
  .footer .container .top .left .logo {
    width: 3.2rem;
  }
}
.footer .container .top .left .logo a {
  display: flex;
}
.footer .container .top .left .tel {
  display: flex;
  align-items: center;
  font-size: 24px;
  line-height: 30px;
  color: #222;
  font-weight: bold;
  margin-top: 0.46rem;
  margin-bottom: 0.11rem;
}
.footer .container .top .left .tel i {
  width: 0.23rem;
  display: flex;
  margin-right: 0.13rem;
}
.footer .container .top .left .address {
  display: flex;
  align-items: center;
  margin-bottom: 0.07rem;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  font-weight: bold;
}
.footer .container .top .left .address i {
  width: 0.23rem;
  display: flex;
  justify-content: center;
  margin-right: 0.13rem;
}
.footer .container .top .left .email {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  font-weight: bold;
}
.footer .container .top .left .email i {
  width: 0.23rem;
  display: flex;
  justify-content: center;
  margin-right: 0.13rem;
}
.footer .container .top .right {
  display: flex;
  padding-top: 0.1rem;
}
@media (max-width: 991px) {
  .footer .container .top .right {
    width: 100%;
    padding-top: 0.5rem;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .footer .container .top .right {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .footer .container .top .right .menu {
    display: none;
  }
}
.footer .container .top .right .menu ul {
  display: flex;
}
@media (max-width: 767px) {
  .footer .container .top .right .menu ul {
    flex-wrap: wrap;
  }
}
.footer .container .top .right .menu ul li {
  margin-right: 1rem;
}
.elite {
  width: 100%;
  padding: 1rem 0 0;
}
.elite .elite-box1 {
  width: 100%;
  display: none;
}
.elite .elite-box1 .container {
  max-width: 1280px;
}
.elite .elite-box1 .container ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.elite .elite-box1 .container ul li {
  width: calc(33.33% - 0.4rem);
  margin: 0 0.2rem;
  padding: 0.5rem 0.4rem;
  border-radius: 0.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 991px) {
  .elite .elite-box1 .container ul li {
    width: calc(100% - 0.4rem);
    margin: 0.1rem 0.2rem;
  }
}
.elite .elite-box1 .container ul li .tbox .t1 {
  display: flex;
  font-weight: bold;
}
.elite .elite-box1 .container ul li .tbox .t1 span {
  height: 24px;
  display: inline-flex;
  align-items: center;
  margin-top: 0.12rem;
  margin-left: 0.08rem;
}
.elite .elite-box1 .container ul li .tbox .t2 {
  color: #666;
}
.elite .elite-box1 .container ul li .icon {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.elite .elite-box1 .container ul li .icon img {
  width: 40px;
}
@media (max-width: 991px) {
  .elite .elite-box1 .container ul li .icon img {
    width: 25px;
  }
}
.elite .elite-box1 .container ul li:nth-child(1) {
  background-color: #f3fffe;
}
.elite .elite-box1 .container ul li:nth-child(1) .tbox .t1 {
  color: #06D6A0;
}
.elite .elite-box1 .container ul li:nth-child(1) .icon {
  background-image: linear-gradient(45deg, #17cea8 0%, #13d8af 40%, #0fe2b5 100%), linear-gradient(#7a66f0, #7a66f0);
  background-blend-mode: normal, 
                normal;
  box-shadow: 0px 0px 20px 0px rgba(0, 227, 179, 0.5), inset 0px 0px 3px 0px #ffffff;
}
.elite .elite-box1 .container ul li:nth-child(2) {
  background-color: #f5fcff;
}
.elite .elite-box1 .container ul li:nth-child(2) .tbox .t1 {
  color: #06D6A0;
}
.elite .elite-box1 .container ul li:nth-child(2) .icon {
  background-image: linear-gradient(45deg, #06D6A0 0%, #3aacfe 40%, #39bafd 100%), linear-gradient(#06D6A0, #06D6A0);
  background-blend-mode: normal, 
                normal;
  box-shadow: 0px 0px 20px 0px rgba(58, 158, 254, 0.5), inset 0px 0px 3px 0px #ffffff;
}
.elite .elite-box1 .container ul li:nth-child(3) {
  background-color: #f7f8ff;
}
.elite .elite-box1 .container ul li:nth-child(3) .tbox .t1 {
  color: #7a66f0;
}
.elite .elite-box1 .container ul li:nth-child(3) .icon {
  background-image: linear-gradient(45deg, #7a66f0 0%, #836ff3 40%, #8b77f5 100%), linear-gradient(#06D6A0, #06D6A0);
  background-blend-mode: normal, 
                normal;
  box-shadow: 0px 0px 20px 0px rgba(122, 102, 240, 0.3), inset 0px 0px 3px 0px #ffffff;
}
.elite .elite-box2 {
  width: 100%;
}
.elite .elite-box2 .container {
  max-width: 1280px;
}
.elite .elite-box2 .container .top {
  width: 100%;
  text-align: center;
}
.elite .elite-box2 .container .top .txt {
  color: #ff6726;
  line-height: 24px;
  margin-bottom: 0.2rem;
}
.elite .elite-box2 .container .top .title {
  color: #202945;
  font-weight: bold;
  line-height: 1.2;
}
.elite .elite-box2 .container .list {
  width: 100%;
  margin-top: 0.6rem;
}
.elite .elite-box2 .container .list .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.elite .elite-box2 .container .list .item:last-child {
  margin-bottom: 0;
}
.elite .elite-box2 .container .list .item .public-img {
  width: 62.5%;
}
@media (max-width: 991px) {
  .elite .elite-box2 .container .list .item .public-img {
    width: 100%;
  }
}
.elite .elite-box2 .container .list .item .public-img::before {
  padding-top: 72.5%;
}
.elite .elite-box2 .container .list .item .right {
  width: 31.25%;
}
@media (max-width: 991px) {
  .elite .elite-box2 .container .list .item .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.elite .elite-box2 .container .list .item .right .s-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0;
  border-bottom: 1px solid #e8e8e8;
}
.elite .elite-box2 .container .list .item .right .s-top .t1 {
  color: #202945;
  font-weight: bold;
}
.elite .elite-box2 .container .list .item .right .s-top .c-btn-box .public-btn2 {
  background-color: #ff6726;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(255, 103, 38, 0.3);
}
.elite .elite-box2 .container .list .item .right .s-top .c-btn-box .public-btn2:nth-child(2) {
  color: #ff6726;
  background-color: #fff;
}
.elite .elite-box2 .container .list .item .right .s-top .c-btn-box .public-btn2:nth-child(2) svg path {
  fill: #ff6726;
}
.elite .elite-box2 .container .list .item .right ul {
  width: 100%;
  height: 4.5rem;
  padding-right: 0.2rem;
  margin-top: 0.3rem;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (max-width: 1580px) {
  .elite .elite-box2 .container .list .item .right ul {
    height: 6.3rem;
  }
}
@media (max-width: 1260px) {
  .elite .elite-box2 .container .list .item .right ul {
    height: 5.5rem;
  }
}
@media (max-width: 1024px) {
  .elite .elite-box2 .container .list .item .right ul {
    height: 4.1rem;
  }
}
@media (max-width: 991px) {
  .elite .elite-box2 .container .list .item .right ul {
    height: 4.2rem;
  }
}
.elite .elite-box2 .container .list .item .right ul::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
.elite .elite-box2 .container .list .item .right ul::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 10px;
  background: #ff6726;
}
.elite .elite-box2 .container .list .item .right ul::-webkit-scrollbar-track {
  /*滚动条-背景*/
  border-radius: 10px;
  background: #f5f5f5;
}
.elite .elite-box2 .container .list .item .right ul li {
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 0.08rem;
  padding: 0.16rem 0.3rem;
  margin-bottom: 0.1rem;
  transition: all ease-out 0.3s;
  cursor: pointer;
}
.elite .elite-box2 .container .list .item .right ul li .st1 {
  color: #202945;
  font-weight: bold;
  line-height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.elite .elite-box2 .container .list .item .right ul li .st1 span svg {
  transition: all ease-out 0.3s;
}
.elite .elite-box2 .container .list .item .right ul li .st1 span svg path {
  fill: #999;
  transition: all ease-out 0.3s;
}
.elite .elite-box2 .container .list .item .right ul li .st2 {
  display: none;
  line-height: 24px;
  color: #666;
  margin-top: 0.22rem;
}
.elite .elite-box2 .container .list .item .right ul li:hover {
  background: #fff9f4;
}
.elite .elite-box2 .container .list .item .right ul li.on {
  background: #fff9f4;
  border: 1px solid #fff9f4;
  padding: 0.26rem 0.3rem 0.4rem;
}
.elite .elite-box2 .container .list .item .right ul li.on .st1 {
  color: #ff6726;
}
.elite .elite-box2 .container .list .item .right ul li.on .st1 span svg {
  transform: rotateZ(180deg);
}
.elite .elite-box2 .container .list .item .right ul li.on .st1 span svg path {
  fill: #ff6726;
}
.elite .elite-box3 {
  width: 100%;
  margin-top: 1.92rem;
}
.elite .elite-box3 .container {
  max-width: 1280px;
}
.elite .elite-box3 .container .title {
  color: #202945;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.elite .elite-box3 .container .list {
  width: 100%;
  margin-top: 0.58rem;
}
.elite .elite-box3 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem 0.4rem;
  display: flex;
  flex-wrap: wrap;
}
.elite .elite-box3 .container .list ul li {
  width: calc(25% - 0.4rem);
  cursor: pointer;
  position: relative;
  margin: 0 0.2rem 0.4rem;
  background-color: #ffffff;
  box-shadow: 0.03rem 0.04rem 0.2rem 0px rgba(255, 103, 38, 0.1);
  border-radius: 0.05rem;
  overflow: hidden;
}
@media (max-width: 991px) {
  .elite .elite-box3 .container .list ul li {
    width: calc(50% - 0.4rem);
  }
}
.elite .elite-box3 .container .list ul li .tbox1 {
  width: 100%;
  padding: 0.5rem 0.3rem;
}
@media (max-width: 767px) {
  .elite .elite-box3 .container .list ul li .tbox1 {
    padding: 0.7rem 0.3rem;
  }
}
.elite .elite-box3 .container .list ul li .tbox1 .icon {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.elite .elite-box3 .container .list ul li .tbox1 .t1 {
  color: #202945;
  line-height: 1;
  margin-top: 0.38rem;
  text-align: center;
}
@media (max-width: 767px) {
  .elite .elite-box3 .container .list ul li .tbox1 .t1 {
    font-size: 14px;
    margin-top: 0.78rem;
  }
}
.elite .elite-box3 .container .list ul li .tbox2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  background: url(../images/elite-box3-bg.png) center center no-repeat;
  background-size: cover;
  box-shadow: 0px 0px 20px 0px rgba(255, 103, 38, 0.3);
  padding: 0.5rem 0.2rem 0;
  transition: all ease-out 0.3s;
  text-align: center;
}
.elite .elite-box3 .container .list ul li .tbox2 .t1 {
  color: #fff;
  line-height: 1;
}
.elite .elite-box3 .container .list ul li .tbox2 .t2 {
  color: #fff;
  margin-top: 0.33rem;
}
.elite .elite-box3 .container .list ul li:hover .tbox2 {
  opacity: 1;
  top: 0;
}
.elite .elite-box4 {
  width: 100%;
  margin-top: 1.92rem;
}
.elite .elite-box4 .title {
  color: #202945;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.elite .elite-box4 .menu {
  width: 100%;
  margin-top: 0.32rem;
}
.elite .elite-box4 .menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .elite .elite-box4 .menu ul {
    overflow-x: auto;
  }
}
.elite .elite-box4 .menu ul li {
  color: #666;
  padding: 0 0.2rem 0.22rem;
  margin: 0 0.4rem;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  transition: all ease-out 0.3s;
}
@media (max-width: 991px) {
  .elite .elite-box4 .menu ul li {
    margin: 0 0.2rem;
  }
}
@media (max-width: 767px) {
  .elite .elite-box4 .menu ul li {
    padding: 0 0.1rem 0.22rem;
    white-space: nowrap;
  }
}
.elite .elite-box4 .menu ul li:hover {
  color: #ff6726;
}
.elite .elite-box4 .menu ul li.on {
  color: #ff6726;
  border-bottom: 3px solid #ff6726;
}
.elite .elite-box4 .list {
  width: 100%;
  margin-top: 0.2rem;
}
.elite .elite-box4 .list ul {
  width: 100%;
}
.elite .elite-box4 .list ul li {
  width: 100%;
  position: relative;
  z-index: 1;
  display: none;
}
.elite .elite-box4 .list ul li .img {
  width: 100%;
  height: 7.2rem;
  position: relative;
}
.elite .elite-box4 .list ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.elite .elite-box4 .list ul li .img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 19, 69, 0.5);
}
.elite .elite-box4 .list ul li .container {
  max-width: 1280px;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite .elite-box4 .list ul li .container .t1 {
  color: #fff;
  font-weight: bold;
  transform: translateY(0.2rem);
  transition: all ease-out 0.3s;
}
.elite .elite-box4 .list ul li .container .t2 {
  width: 600px;
  max-width: 100%;
  color: #fff;
  margin-top: 0.17rem;
  transform: translateY(0.2rem);
  transition: all ease-out 0.3s 0.4s;
}
.elite .elite-box4 .list ul li .container .c-btn-box {
  margin-top: 0.53rem;
  transform: translateY(0.2rem);
  transition: all ease-out 0.3s 0.5s;
}
.elite .elite-box4 .list ul li .container .c-btn-box .public-btn2 {
  background-color: #ff6726;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(255, 103, 38, 0.3);
}
.elite .elite-box4 .list ul li .container .c-btn-box .public-btn2:nth-child(2) {
  color: #ff6726;
  background-color: #fff;
}
.elite .elite-box4 .list ul li .container .c-btn-box .public-btn2:nth-child(2) svg path {
  fill: #ff6726;
}
.elite .elite-box4 .list ul li.on {
  display: block;
}
.elite .elite-box4 .list ul li.on .container .t1 {
  transform: translateY(0);
}
.elite .elite-box4 .list ul li.on .container .t2 {
  transform: translateY(0);
}
.elite .elite-box4 .list ul li.on .container .c-btn-box {
  transform: translateY(0);
}
.elite .elite-box5 {
  width: 100%;
  padding: 1.92rem 0 1rem;
}
.elite .elite-box5 .container {
  max-width: 1280px;
}
.elite .elite-box5 .container .title {
  color: #202945;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.elite .elite-box5 .container .list {
  width: 100%;
  margin-top: 0.58rem;
}
.elite .elite-box5 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.elite .elite-box5 .container .list ul li {
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem;
  min-height: 3.3rem;
  padding: 0.6rem 0.3rem 0.5rem;
  background-image: linear-gradient(0deg, #ffffff 0%, #fff9f4 100%), linear-gradient(#ff6726, #ff6726);
  background-blend-mode: normal, 
		normal;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .elite .elite-box5 .container .list ul li {
    width: calc(50% - 0.4rem);
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 767px) {
  .elite .elite-box5 .container .list ul li {
    width: calc(100% - 0.4rem);
  }
}
.elite .elite-box5 .container .list ul li .icon {
  width: 50px;
  height: 50px;
}
@media (max-width: 991px) {
  .elite .elite-box5 .container .list ul li .icon {
    width: 40px;
    height: 40px;
  }
}
.elite .elite-box5 .container .list ul li .t1 {
  color: #202945;
  margin-top: 0.4rem;
}
.elite .elite-box5 .container .list ul li .txt {
  margin-top: 0.15rem;
}
.computer-vision {
  width: 100%;
}
.computer-vision .vision-box1 {
  width: 100%;
  padding: 0.93rem 0 1rem;
}
.computer-vision .vision-box1 .container {
  max-width: 1280px;
}
.computer-vision .vision-box1 .container .title {
  font-weight: bold;
  color: #202945;
  text-align: center;
  line-height: 1.2;
}
.computer-vision .vision-box1 .container .list {
  width: 100%;
  margin-top: 0.53rem;
}
.computer-vision .vision-box1 .container .list .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-bottom: 2rem;
}
.computer-vision .vision-box1 .container .list .item:last-child {
  margin-bottom: 0;
}
.computer-vision .vision-box1 .container .list .item .img {
  width: 62.5%;
}
.computer-vision .vision-box1 .container .list .item .img ul li {
  width: 100%;
  display: none;
}
.computer-vision .vision-box1 .container .list .item .img ul li .public-img {
  width: 100%;
}
@media (max-width: 991px) {
  .computer-vision .vision-box1 .container .list .item .img ul li .public-img {
    width: 100%;
  }
}
.computer-vision .vision-box1 .container .list .item .img ul li .public-img::before {
  padding-top: 55%;
}
.computer-vision .vision-box1 .container .list .item .img ul li.on {
  display: block;
}
.computer-vision .vision-box1 .container .list .item .tbox {
  width: 31.25%;
}
@media (max-width: 991px) {
  .computer-vision .vision-box1 .container .list .item .tbox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.computer-vision .vision-box1 .container .list .item .tbox .t1 {
  font-weight: bold;
  color: #202945;
  line-height: 1.2;
}
.computer-vision .vision-box1 .container .list .item .tbox ul {
  width: 100%;
  height: 2.7rem;
  margin-top: 0.38rem;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li {
  width: 100%;
  margin-bottom: 0.1rem;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li:last-child {
  margin-bottom: 0;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li a {
  width: 100%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e8e8e8;
  border-radius: 0.08rem;
  padding: 0 0.2rem 0 0.29rem;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li a p {
  color: #202945;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all ease-out 0.3s;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li a .icon {
  width: 14px;
  height: 14px;
  display: inline-flex;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li a .icon svg {
  width: 14px;
  height: 14px;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li a .icon svg path {
  fill: #9b9b9b;
  transition: all ease-out 0.3s;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li:hover a,
.computer-vision .vision-box1 .container .list .item .tbox ul li.on a {
  border: 1px solid #f7f8ff;
  background: #f7f8ff;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li:hover a p,
.computer-vision .vision-box1 .container .list .item .tbox ul li.on a p {
  color: #7a66f0;
}
.computer-vision .vision-box1 .container .list .item .tbox ul li:hover a .icon path,
.computer-vision .vision-box1 .container .list .item .tbox ul li.on a .icon path {
  fill: #7a66f0;
}
.computer-vision .vision-box1 .container .list .item .tbox .public-btn2 {
  margin-top: 0.5rem;
  background-color: #7a66f0;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(122, 102, 240, 0.3);
}
.computer-vision .vision-box2 {
  width: 100%;
  padding: 0.93rem 0 0.5rem;
}
.computer-vision .vision-box2 .container {
  max-width: 1280px;
}
.computer-vision .vision-box2 .container .top {
  width: 100%;
}
.computer-vision .vision-box2 .container .top .title {
  color: #202945;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
.computer-vision .vision-box2 .container .top .txt {
  text-align: center;
  margin-top: 0.18rem;
  color: #666;
}
.computer-vision .vision-box2 .container .top .btn {
  margin-top: 0.4rem;
  display: flex;
  justify-content: center;
}
.computer-vision .vision-box2 .container .top .btn .public-btn2 {
  background-color: #7a66f0;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(122, 102, 240, 0.3);
}
.computer-vision .vision-box2 .container .menu {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 0.54rem;
}
.computer-vision .vision-box2 .container .menu ul {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .computer-vision .vision-box2 .container .menu ul {
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.computer-vision .vision-box2 .container .menu ul li {
  color: #666;
  border-bottom: 3px solid transparent;
  padding: 0 0.2rem 0.22rem;
  cursor: pointer;
  margin: 0 0.4rem;
}
@media (max-width: 991px) {
  .computer-vision .vision-box2 .container .menu ul li {
    margin: 0 0.2rem;
    padding: 0 0.1rem 0.22rem;
  }
}
@media (max-width: 767px) {
  .computer-vision .vision-box2 .container .menu ul li {
    white-space: nowrap;
  }
}
.computer-vision .vision-box2 .container .menu ul li:hover,
.computer-vision .vision-box2 .container .menu ul li.on {
  color: #7a66f0;
  border-bottom: 3px solid #7a66f0;
}
.computer-vision .vision-box2 .container .list {
  width: 100%;
  margin-top: 0.6rem;
}
.computer-vision .vision-box2 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
  display: none;
}
.computer-vision .vision-box2 .container .list ul.on {
  display: flex;
}
.computer-vision .vision-box2 .container .list ul li {
  width: calc(25% - 0.4rem);
  margin: 0 0.2rem 0.48rem;
  position: relative;
}
@media (max-width: 767px) {
  .computer-vision .vision-box2 .container .list ul li {
    width: calc(50% - 0.4rem);
  }
}
.computer-vision .vision-box2 .container .list ul li .public-img {
  border-radius: 0.08rem;
}
.computer-vision .vision-box2 .container .list ul li .public-img::before {
  padding-top: 75.86%;
}
.computer-vision .vision-box2 .container .list ul li .txt {
  color: #666;
  text-align: center;
  margin-top: 0.25rem;
}
.computer-vision .vision-box2 .container .list ul li .more {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.computer-vision .vision-box2 .container .list ul li .more .ts {
  width: 100%;
  color: #7a66f0;
  font-weight: bold;
  text-align: center;
}
.computer-vision .vision-box2 .container .list ul li .more .icons {
  width: 30px;
  height: 30px;
  background: #7a66f0;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.12rem auto 0;
  transition: all 0.3s;
}
.computer-vision .vision-box2 .container .list ul li .more .icons svg {
  width: 14px;
  height: 14px;
}
.computer-vision .vision-box2 .container .list ul li .more .icons svg path {
  fill: #fff;
}
.computer-vision .vision-box2 .container .list ul li:last-child .public-img:hover > img {
  transform: scale(1.1);
}
.computer-vision .vision-box2 .container .list ul li:last-child .public-img:hover .more .icons {
  margin-top: 0;
}
.computer-vision .vision-box3 {
  width: 100%;
  padding: 0.93rem 0 1rem;
}
.computer-vision .vision-box3 .container {
  max-width: 1280px;
}
.computer-vision .vision-box3 .container .top {
  width: 100%;
}
.computer-vision .vision-box3 .container .top .title {
  color: #202945;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}
.computer-vision .vision-box3 .container .top .txt {
  color: #666;
  text-align: center;
  margin-top: 0.2rem;
}
.computer-vision .vision-box3 .container .menu {
  width: 100%;
  margin-top: 0.56rem;
  border-bottom: 1px solid #e8e8e8;
}
.computer-vision .vision-box3 .container .menu ul {
  width: 100%;
  display: flex;
  justify-content: center;
}
.computer-vision .vision-box3 .container .menu ul li {
  color: #666;
  cursor: pointer;
  padding: 0 0.2rem 0.22rem;
  border-bottom: 3px solid transparent;
  margin: 0 0.4rem;
}
.computer-vision .vision-box3 .container .menu ul li:hover,
.computer-vision .vision-box3 .container .menu ul li.on {
  color: #7a66f0;
  border-bottom: 3px solid #7a66f0;
}
.computer-vision .vision-box3 .container .list {
  width: 100%;
  margin-top: 0.6rem;
}
.computer-vision .vision-box3 .container .list ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  display: none;
}
.computer-vision .vision-box3 .container .list ul li.on {
  display: flex;
}
.computer-vision .vision-box3 .container .list ul li .public-img {
  width: 46.875%;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .computer-vision .vision-box3 .container .list ul li .public-img {
    width: 100%;
  }
}
.computer-vision .vision-box3 .container .list ul li .public-img::before {
  padding-top: 96.67%;
}
.computer-vision .vision-box3 .container .list ul li .tbox {
  width: 46.875%;
}
@media (max-width: 767px) {
  .computer-vision .vision-box3 .container .list ul li .tbox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.computer-vision .vision-box3 .container .list ul li .tbox .t1 {
  color: #202945;
  font-weight: bold;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t2 {
  color: #666;
  margin-top: 0.28rem;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t2 p {
  display: flex;
  align-items: center;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t2 span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #ccc;
  display: inline-flex;
  margin-right: 0.15rem;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t3 {
  width: 100%;
  margin-top: 0.55rem;
  display: flex;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t3 .label {
  width: 33.33%;
  position: relative;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t3 .label::before {
  content: '';
  width: 1px;
  height: 0.7rem;
  background: #e8e8e8;
  position: absolute;
  right: 0;
  top: 0;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t3 .label .icon {
  display: flex;
  justify-content: center;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t3 .label .txt {
  color: #666;
  text-align: center;
  margin-top: 0.14rem;
}
.computer-vision .vision-box3 .container .list ul li .tbox .t3 .label:last-child::before {
  display: none;
}
.computer-vision .vision-box3 .container .list ul li .tbox .btn {
  margin-top: 0.58rem;
}
.computer-vision .vision-box3 .container .list ul li .tbox .btn .public-btn2 {
  background-color: #7a66f0;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(122, 102, 240, 0.3);
}
.computer-vision .vision-box4 {
  width: 100%;
  padding: 0.93rem 0 1rem;
}
.computer-vision .vision-box4 .container {
  max-width: 1280px;
}
.computer-vision .vision-box4 .container .title {
  color: #202945;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}
.computer-vision .vision-box4 .container .list {
  width: 100%;
  margin-top: 0.57rem;
}
.computer-vision .vision-box4 .container .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.computer-vision .vision-box4 .container .list ul li {
  width: calc(50% - 0.4rem);
  min-height: 2.6rem;
  margin: 0 0.2rem 0.4rem;
  background: #f8f9ff url(../images/aicc3-bg.png) right center no-repeat;
  background-size: cover;
  border-radius: 0.08rem;
  padding: 0.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  transition: all ease-out 0.3s;
}
@media (max-width: 767px) {
  .computer-vision .vision-box4 .container .list ul li {
    width: calc(100% - 0.4rem);
  }
}
.computer-vision .vision-box4 .container .list ul li .icon {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease-out 0.3s;
  background-image: linear-gradient(45deg, #7a66f0 0%, #836ff3 40%, #8b77f5 100%), linear-gradient(#7a66f0, #7a66f0);
  background-blend-mode: normal, 
                normal;
  box-shadow: 0px 0px 20px 0px rgba(122, 102, 240, 0.3), inset 0px 0px 3px 0px #ffffff;
}
@media (max-width: 767px) {
  .computer-vision .vision-box4 .container .list ul li .icon svg {
    width: 50%;
  }
}
.computer-vision .vision-box4 .container .list ul li .icon svg path {
  fill: #fff;
  transition: all ease-out 0.3s;
}
.computer-vision .vision-box4 .container .list ul li .tbox {
  width: calc(100% - 1.3rem);
  padding-top: 0.12rem;
}
.computer-vision .vision-box4 .container .list ul li .tbox .t1 {
  color: #7a66f0;
  font-weight: bold;
  transition: all ease-out 0.3s;
}
.computer-vision .vision-box4 .container .list ul li .tbox .t2 {
  color: #666;
  line-height: 30px;
  margin-top: 0.17rem;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
  .computer-vision .vision-box4 .container .list ul li .tbox .t2 {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-vision .vision-box4 .container .list ul li .tbox .t2 {
    line-height: 26px;
  }
}
.computer-vision .vision-box4 .container .list ul li:hover {
  background: #7a66f0 url(../images/aicc3-bg.png) right center no-repeat;
  background-size: cover;
}
.computer-vision .vision-box4 .container .list ul li:hover .icon {
  background: #ffffff;
  box-shadow: 0px 0px 20px 0px rgba(88, 66, 223, 0.3);
}
.computer-vision .vision-box4 .container .list ul li:hover .icon svg path {
  fill: #7a66f0;
}
.computer-vision .vision-box4 .container .list ul li:hover .tbox .t1 {
  color: #fff;
}
.computer-vision .vision-box4 .container .list ul li:hover .tbox .t2 {
  color: #fff;
}
.computer-vision .vision-box5 {
  width: 100%;
  padding: 0.53rem 0 1rem;
}
.computer-vision .vision-box5 .container {
  max-width: 1280px;
}
.computer-vision .vision-box5 .container .top {
  width: 100%;
}
.computer-vision .vision-box5 .container .top .title {
  font-weight: bold;
  color: #202945;
  text-align: center;
  line-height: 1.2;
}
.computer-vision .vision-box5 .container .top .txt {
  color: #666;
  text-align: center;
  margin-top: 0.18rem;
}
.computer-vision .vision-box5 .list {
  width: 100%;
  margin-top: 0.62rem;
}
.computer-vision .vision-box5 .list .wxgd {
  width: 100%;
  height: 1.2rem;
  margin: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.4rem;
}
.computer-vision .vision-box5 .list .wxgd:last-child {
  margin-bottom: 0;
}
.computer-vision .vision-box5 .list .wxgd ul {
  height: 100%;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
}
.computer-vision .vision-box5 .list .wxgd ul li {
  position: relative;
  top: 0;
  float: left;
  margin: 0 0.2rem;
  width: 2.24rem;
  height: 1.2rem;
  transition: all 0.3s;
  border: 1px solid #e8e8e8;
  border-radius: 0.08rem;
  overflow: hidden;
}
.computer-vision .vision-box5 .list .wxgd2 ul {
  left: initial;
  right: 0;
}
.computer-GasStation {
  width: 100%;
}
.computer-GasStation .GasStation-box1 {
  width: 100%;
  padding: 0.95rem 0 1rem;
  background: #f7f8ff;
}
.computer-GasStation .GasStation-box1.bgfff {
  background: #fff;
}
.computer-GasStation .GasStation-box1 .container {
  max-width: 1280px;
}
.computer-GasStation .GasStation-box1 .container .top {
  text-align: center;
}
.computer-GasStation .GasStation-box1 .container .top .t1 {
  color: #7a66f0;
}
.computer-GasStation .GasStation-box1 .container .top .title {
  line-height: 1.2;
  font-weight: bold;
  color: #202945;
  margin-top: 0.18rem;
}
.computer-GasStation .GasStation-box1 .container .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  margin-top: 0.5rem;
}
.computer-GasStation .GasStation-box1 .container .content .img {
  width: 46.875%;
}
@media (max-width: 991px) {
  .computer-GasStation .GasStation-box1 .container .content .img {
    width: 100%;
  }
}
.computer-GasStation .GasStation-box1 .container .content .img ul li {
  display: none;
}
.computer-GasStation .GasStation-box1 .container .content .img ul li.on {
  display: block;
}
.computer-GasStation .GasStation-box1 .container .content .img ul li .public-img {
  border-radius: 0.1rem;
}
.computer-GasStation .GasStation-box1 .container .content .img ul li .public-img::before {
  padding-top: 83.33%;
}
.computer-GasStation .GasStation-box1 .container .content .tbox {
  width: 46.875%;
  padding-top: 0.14rem;
}
@media (max-width: 991px) {
  .computer-GasStation .GasStation-box1 .container .content .tbox {
    width: 100%;
    padding-top: 0.6rem;
  }
}
.computer-GasStation .GasStation-box1 .container .content .tbox .txt {
  color: #666;
  line-height: 30px;
}
@media (max-width: 1580px) {
  .computer-GasStation .GasStation-box1 .container .content .tbox .txt {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-GasStation .GasStation-box1 .container .content .tbox .txt {
    line-height: 26px;
  }
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul {
  width: 100%;
  margin-top: 0.36rem;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li {
  width: 100%;
  padding: 0.26rem 0.4rem;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li .t1 {
  width: 100%;
  color: #202945;
  transition: all ease-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li .t1 .icon {
  width: 14px;
  height: 14px;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li .t1 .icon svg path {
  fill: #9a9a9b;
  transition: all ease-out 0.3s;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li .t2 {
  width: 100%;
  margin-top: 0.17rem;
  display: none;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li .t2 p {
  color: #666;
  line-height: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1580px) {
  .computer-GasStation .GasStation-box1 .container .content .tbox ul li .t2 p {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-GasStation .GasStation-box1 .container .content .tbox ul li .t2 p {
    line-height: 26px;
  }
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li .t2 p span {
  background: #ccc;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 0.1rem;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li.on {
  background: #fff;
  background-color: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(122, 102, 240, 0.1);
  border-radius: 0.1rem;
  padding: 0.26rem 0.4rem 0.21rem;
  border-bottom: 1px solid #fff;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li.on .t1 {
  color: #7a66f0;
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li.on .t1 .icon {
  transform: rotateZ(-45deg);
}
.computer-GasStation .GasStation-box1 .container .content .tbox ul li.on .t1 .icon svg path {
  fill: #7a66f0;
}
.computer-GasStation .GasStation-box1 .container .content2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: center;
  margin-top: 0.5rem;
}
.computer-GasStation .GasStation-box1 .container .content2 .public-img {
  width: 46.875%;
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .computer-GasStation .GasStation-box1 .container .content2 .public-img {
    width: 100%;
  }
}
.computer-GasStation .GasStation-box1 .container .content2 .public-img::before {
  padding-top: 83.33%;
}
.computer-GasStation .GasStation-box1 .container .content2 .txt {
  width: 46.875%;
  padding-top: 0.14rem;
  color: #666;
  line-height: 30px;
}
@media (max-width: 767px) {
  .computer-GasStation .GasStation-box1 .container .content2 .txt {
    width: 100%;
    margin-top: 0.3rem;
  }
}
@media (max-width: 1580px) {
  .computer-GasStation .GasStation-box1 .container .content2 .txt {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-GasStation .GasStation-box1 .container .content2 .txt {
    line-height: 26px;
  }
}
.computer-GasStation .GasStation-box1 .container .other-box {
  width: 100%;
  margin-top: 0.95rem;
}
.computer-GasStation .GasStation-box1 .container .other-box .tops {
  text-align: center;
}
.computer-GasStation .GasStation-box1 .container .other-box .tops .t1 {
  color: #7a66f0;
}
.computer-GasStation .GasStation-box1 .container .other-box .tops .title {
  line-height: 1.2;
  font-weight: bold;
  color: #202945;
  margin-top: 0.18rem;
}
.computer-GasStation .GasStation-box1 .container .other-box .list {
  width: 100%;
  margin-top: 0.5rem;
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul {
  width: calc(100% + 0.4rem);
  margin: 0 -0.2rem;
  display: flex;
  flex-wrap: wrap;
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li {
  width: calc(33.33% - 0.4rem);
  margin: 0 0.2rem 0.2rem;
}
@media (max-width: 767px) {
  .computer-GasStation .GasStation-box1 .container .other-box .list ul li {
    width: calc(100% - 0.4rem);
    margin: 0 0.2rem 0.4rem;
  }
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li .public-img {
  border-radius: 0.1rem;
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li .public-img::before {
  padding-top: 65%;
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li .public-img .tips {
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 30px;
  padding: 0.3rem 0.4rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  background: #7462e9 url(../images/GasStation-box1-list-bg.png) center center no-repeat;
  transition: all ease-out 0.3s;
}
@media (max-width: 1580px) {
  .computer-GasStation .GasStation-box1 .container .other-box .list ul li .public-img .tips {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-GasStation .GasStation-box1 .container .other-box .list ul li .public-img .tips {
    line-height: 26px;
  }
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li .txt {
  color: #666;
  text-align: center;
  margin-top: 0.25rem;
  transition: all ease-out 0.3s;
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li:hover .public-img .tips {
  top: 0;
}
.computer-GasStation .GasStation-box1 .container .other-box .list ul li:hover .txt {
  color: #7462e9;
}
.computer-GasStation .GasStation-box1 .container .other-box .list .btn {
  margin-top: 0.28rem;
  display: flex;
  justify-content: center;
}
.computer-GasStation .GasStation-box1 .container .other-box .list .btn .public-btn2 {
  background-color: #7a66f0;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(122, 102, 240, 0.3);
}
.GasStation-box4 {
  width: 100%;
  padding: 0.95rem 0 0.8rem;
}
.GasStation-box4 .container {
  max-width: 1280px;
}
.GasStation-box4 .container .top {
  text-align: center;
}
.GasStation-box4 .container .top .t1 {
  color: #7a66f0;
}
.GasStation-box4 .container .top .title {
  line-height: 1.2;
  font-weight: bold;
  color: #202945;
  margin-top: 0.18rem;
}
.GasStation-box4 .container .list {
  width: calc(100% + 0.4rem);
  margin: 0.3rem -0.2rem 0;
  position: relative;
}
.GasStation-box4 .container .list .swiper-container {
  padding: 0.2rem;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a {
  width: 100%;
  display: block;
  background-color: #ffffff;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(122, 102, 240, 0.1);
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .public-img {
  width: 100%;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .public-img::before {
  padding-top: 60%;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox {
  width: 100%;
  padding: 0.33rem 0.3rem 0.35rem;
  transition: all ease-out 0.3s;
  position: relative;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/GasStation-box4-bg.png) center center no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all ease-out 0.3s;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .t1 {
  color: #202945;
  transition: all ease-out 0.3s;
  position: relative;
  z-index: 2;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .txt {
  color: #676767;
  height: 48px;
  line-height: 24px;
  margin-top: 0.2rem;
  transition: all ease-out 0.3s;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width: 767px) {
  .GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .txt {
    height: 3em;
    line-height: 1.5;
  }
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .more {
  color: #7a66f0;
  transition: all ease-out 0.3s;
  line-height: 26px;
  margin-top: 0.22rem;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .more .icons {
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 0.15rem;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .more .icons svg {
  width: 14px;
  height: 14px;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a .tbox .more .icons svg path {
  fill: #7a66f0;
  transition: all ease-out 0.3s;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a:hover .public-img img {
  transform: scale(1.05);
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a:hover .tbox::before {
  opacity: 1;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a:hover .tbox .t1 {
  color: #fff;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a:hover .tbox .txt {
  color: #fff;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a:hover .tbox .more {
  color: #fff;
}
.GasStation-box4 .container .list .swiper-container .swiper-slide a:hover .tbox .more .icons svg path {
  fill: #fff;
}
.GasStation-box4 .container .list .swiper-prev,
.GasStation-box4 .container .list .swiper-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #ffffff;
  box-shadow: 0px 5px 20px 0px rgba(122, 102, 240, 0.1);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .GasStation-box4 .container .list .swiper-prev,
  .GasStation-box4 .container .list .swiper-next {
    display: none;
  }
}
.GasStation-box4 .container .list .swiper-prev svg,
.GasStation-box4 .container .list .swiper-next svg {
  width: 14px;
  height: 14px;
}
.GasStation-box4 .container .list .swiper-prev svg path,
.GasStation-box4 .container .list .swiper-next svg path {
  fill: #7a66f0;
  transition: all ease-out 0.3s;
}
.GasStation-box4 .container .list .swiper-prev:hover,
.GasStation-box4 .container .list .swiper-next:hover {
  background: #7a66f0;
  box-shadow: none;
}
.GasStation-box4 .container .list .swiper-prev:hover svg path,
.GasStation-box4 .container .list .swiper-next:hover svg path {
  fill: #fff;
}
.GasStation-box4 .container .list .swiper-prev {
  left: -0.7rem;
}
.GasStation-box4 .container .list .swiper-prev svg {
  transform: rotateZ(180deg);
}
.GasStation-box4 .container .list .swiper-next {
  right: -0.7rem;
}
.GasStation-box4-pop {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  display: none;
}
.GasStation-box4-pop .box {
  width: 1280px;
  max-width: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 0.6rem 0.1rem 0.6rem 0.4rem;
  border-radius: 0.15rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1580px) {
  .GasStation-box4-pop .box {
    width: 900px;
  }
}
@media (max-width: 767px) {
  .GasStation-box4-pop .box {
    padding: 0.8rem 0.3rem 0.5rem;
  }
}
.GasStation-box4-pop .box .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .GasStation-box4-pop .box .close {
    width: 15px;
    height: 15px;
  }
}
.GasStation-box4-pop .box .close img,
.GasStation-box4-pop .box .close svg {
  transition: all ease-out 0.3s;
}
.GasStation-box4-pop .box .close:hover img,
.GasStation-box4-pop .box .close:hover svg {
  transform: rotateZ(180deg);
}
.GasStation-box4-pop .box .public-img {
  width: 48.85%;
  border-radius: 0.15rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .GasStation-box4-pop .box .public-img {
    width: 100%;
  }
}
.GasStation-box4-pop .box .public-img::before {
  padding-top: 106.66%;
}
.GasStation-box4-pop .box .tbox {
  width: 46.41%;
}
@media (max-width: 767px) {
  .GasStation-box4-pop .box .tbox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.GasStation-box4-pop .box .tbox .t1 {
  width: calc(100% - 0.5rem);
  color: #202945;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e8e8e8;
}
.GasStation-box4-pop .box .tbox .tboxs {
  width: 100%;
  height: 5.9rem;
  padding: 0.34rem 0.5rem 0.3rem 0;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (max-width: 991px) {
  .GasStation-box4-pop .box .tbox .tboxs {
    height: 4.5rem;
  }
}
@media (max-width: 767px) {

  .GasStation-box4-pop .box .tbox .tboxs {
    height: 4rem;
  }
}
.GasStation-box4-pop .box .tbox .tboxs::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
.GasStation-box4-pop .box .tbox .tboxs::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #7b66f1;
}
.GasStation-box4-pop .box .tbox .tboxs::-webkit-scrollbar-track {
  /*滚动条-背景*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #f5f5f5;
}
.GasStation-box4-pop .box .tbox .tboxs .ts {
  width: 100%;
  margin-bottom: 0.38rem;
}
.GasStation-box4-pop .box .tbox .tboxs .ts:last-child {
  margin-bottom: 0;
}
.GasStation-box4-pop .box .tbox .tboxs .ts .ts1 {
  color: #7b66f1;
}
.GasStation-box4-pop .box .tbox .tboxs .ts .ts2 {
  color: #666;
  line-height: 24px;
  margin-top: 0.1rem;
}
.GasStation-box4-pop .box .tbox .tboxs .ts .ts3 {
  color: #666;
  line-height: 24px;
  margin-top: 0.1rem;
}
.GasStation-box4-pop .box .tbox .tboxs .ts .ts3 span {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 0.12rem;
}
.GasStation-box4-pop .box .tbox .tboxs .ts .ts3 span img {
  width: 10px;
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.computer-solution {
  width: 100%;
}
.computer-solution .solution-box1 {
  width: 100%;
  background: #f7f8ff;
  padding: 0.95rem 0 1rem;
}
.computer-solution .solution-box1 .container {
  max-width: 1280px;
}
.computer-solution .solution-box1 .container .top {
  width: 100%;
  text-align: center;
}
.computer-solution .solution-box1 .container .top .t1 {
  color: #7a66f0;
}
.computer-solution .solution-box1 .container .top .title {
  color: #202945;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.18rem;
}
.computer-solution .solution-box1 .container .top .txt {
  color: #666;
  margin-top: 0.18rem;
}
.computer-solution .solution-box1 .container .content {
  width: 100%;
  margin-top: 0.55rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  background: #fff;
  border-radius: 0.1rem;
  box-shadow: 0px 5px 20px 0px rgba(122, 102, 240, 0.1);
  padding: 0.6rem;
}
.computer-solution .solution-box1 .container .content .public-img {
  width: 37.93%;
  border-radius: 0.1rem;
}
@media (max-width: 991px) {
  .computer-solution .solution-box1 .container .content .public-img {
    width: 100%;
  }
}
.computer-solution .solution-box1 .container .content .public-img::before {
  padding-top: 77.27%;
}
.computer-solution .solution-box1 .container .content .tbox {
  width: 50%;
}
@media (max-width: 991px) {
  .computer-solution .solution-box1 .container .content .tbox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.computer-solution .solution-box1 .container .content .tbox .t1 {
  line-height: 1;
  color: #202945;
  font-weight: bold;
}
.computer-solution .solution-box1 .container .content .tbox .t2 {
  color: #666;
  margin-top: 0.14rem;
}
.computer-solution .solution-box1 .container .content .tbox .t3 {
  line-height: 30px;
  margin-top: 0.47rem;
}
@media (max-width: 1580px) {
  .computer-solution .solution-box1 .container .content .tbox .t3 {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-solution .solution-box1 .container .content .tbox .t3 {
    line-height: 26px;
  }
}
.computer-solution .solution-box1 .container .content .tbox .t3 .ts {
  margin-bottom: 0.15rem;
}
.computer-solution .solution-box1 .container .content .tbox .btn {
  margin-top: 0.3rem;
}
.computer-solution .solution-box1 .container .content .tbox .btn .public-btn2 {
  background-color: #7a66f0;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(122, 102, 240, 0.3);
}
.computer-solution .solution-box2 {
  width: 100%;
  padding: 0.95rem 0 0.9rem;
}
.computer-solution .solution-box2.bgf7f8ff {
  background: #f7f8ff;
}
.computer-solution .solution-box2 .container {
  max-width: 1280px;
}
.computer-solution .solution-box2 .container .top {
  width: 100%;
  text-align: center;
}
.computer-solution .solution-box2 .container .top .t1 {
  color: #7a66f0;
}
.computer-solution .solution-box2 .container .top .title {
  color: #202945;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 0.18rem;
}
.computer-solution .solution-box2 .container .top .txt {
  color: #666;
  margin-top: 0.18rem;
}
.computer-solution .solution-box2 .container .list {
  width: calc(100% + 0.4rem);
  margin: 0.35rem -0.2rem 0;
  position: relative;
}
.computer-solution .solution-box2 .container .list .swiper-container {
  padding: 0.2rem 0.2rem 0.6rem;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide {
  width: 100%;
  padding: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  background-color: #ffffff;
  box-shadow: 0px 0.05rem 0.2rem 0px rgba(122, 102, 240, 0.1);
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide {
    padding: 0.3rem;
  }
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .public-img {
  width: 37.93%;
  border-radius: 0.1rem;
}
@media (max-width: 991px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .public-img {
    width: 100%;
  }
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .public-img::before {
  padding-top: 77.27%;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox {
  width: 56%;
}
@media (max-width: 991px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .t1 {
  color: #202945;
  font-weight: bold;
  line-height: 1;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .t2 {
  color: #666;
  margin-top: 0.12rem;
  line-height: 30px;
}
@media (max-width: 1580px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .t2 {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .t2 {
    line-height: 26px;
  }
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .ts {
  width: 100%;
  margin-top: 0.45rem;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .ts .ts1 {
  color: #666;
  line-height: 30px;
  margin-bottom: 0.15rem;
}
@media (max-width: 1580px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .ts .ts1 {
    line-height: 28px;
  }
}
@media (max-width: 1260px) {
  .computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .ts .ts1 {
    line-height: 26px;
  }
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .ts .ts1 span {
  color: #202945;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-slide .tbox .btn .public-btn2 {
  background-color: #7a66f0;
  box-shadow: 0rem 0.2rem 0.5rem 0rem rgba(122, 102, 240, 0.3);
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-pagination {
  bottom: 0;
  font-size: 0;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 2px solid rgba(122, 102, 240, 0.5);
  border-radius: 5px;
  background: none;
  opacity: 1;
  transition: all ease-out 0.3s;
}
.computer-solution .solution-box2 .container .list .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  border: 2px solid #7a66f0;
  background: #7a66f0;
}
.computer-solution .GasStation-box4 {
  background: #f7f8ff;
}
.label { margin-top:0px}
.label .item {
    display: inline-block;
    padding:8px ;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 6px;
    background: #EFF2F3  !important;
}

.label .item a{ color: #333333 !important;}
.label .item:hover{
    background: rgba(16, 187, 184, 0.1);
    cursor: pointer;
}
 .label .item:hover a{
    color:#FF7A00 !important;
}
@media (max-width:767px){.c-content .c-content-excerpt p{text-align:justify}}
.c-content .entry-content{color:var(--theme-black-color);font-size:16px;line-height:1.8;margin-bottom:30px;position:relative}
.c-content .entry-content:after,.c-content .entry-content:before{content:" ";display:table}
.c-content {color: #000 !important;}

.c-content .entry-content .h2,.c-content .entry-content .h3,.c-content .entry-content h2,.c-content .entry-content h3{font-weight:600;line-height:1.4;margin:32px 0 16px;
}
.entry-content  a{
  margin-right: 0.1rem;
  padding: 0 0.1rem;
  border-radius: 15px;
  display: inline-block;
  color: #FF7A00 !important;
  transition: all 0.3s;
}
.c-content .entry-content h4,.c-content .entry-content h5{font-weight:500}
.c-content .entry-content .h1,.c-content .entry-content h1{font-size:24px}
.c-content .entry-content .h2,.c-content .entry-content h2{border-bottom:2px solid  #F0F0F0 !important;font-size:22px !important;padding-bottom:12px !important; color:#000 !important}
.c-content .entry-content .h3,.c-content .entry-content h3{font-size:20px}
.c-content .entry-content p{line-height:1.8;margin-bottom:20px;word-wrap:break-word}
.c-content .entry-content p>img{vertical-align:baseline}@media (max-width:767px){.c-content .entry-content p{text-align:justify}
.c-content .entry-content p.aligncenter,.c-content .entry-content p.has-text-align-center{text-align:center}
.c-content .entry-content p.has-text-align-left{text-align:left}
.c-content .entry-content p.has-text-align-right{text-align:right}
.c-content .entry-content .stk-column p{text-align:var(--stk-alignment-text-align,start)}}
.c-content .entry-content .inline-icon{display:inline-block;font-size:inherit;line-height:inherit;padding:0 .1em;text-indent:0;vertical-align:bottom;white-space:normal}
.c-content .entry-content>p{white-space:pre-wrap}
.c-content .entry-content p.has-drop-cap:not(:focus):first-letter{font-size:3em;font-weight:300;line-height:1}
.c-content .entry-content figure{margin-bottom:20px}
.c-content .entry-content .woocommerce p{text-indent:0!important}
.c-content .entry-content blockquote{background:hsla(var(--theme-color-hsl),.04);border-left-color:var(--theme-line-color);color:var(--theme-black-color);font-size:14px}
.c-content .entry-content blockquote p:last-child{margin-bottom:0}
.c-content .entry-content .wp-block-code,.c-content .entry-content pre{background:#2b303b;border:0;border-radius:var(--theme-border-radius-l,3px);color:#eee;font-size:14px;line-height:1.45;overflow-x:scroll;padding:20px}@media (max-width:1239px){.c-content .entry-content .wp-block-code,.c-content .entry-content pre{padding:20px}}@media (max-width:767px){.c-content .entry-content .wp-block-code,.c-content .entry-content pre{padding:15px}}
.c-content .entry-content .wp-block-code>code,.c-content .entry-content pre>code{background:none}
.c-content .entry-content code,.c-content .entry-content kbd{background:var(--theme-line-color);border-radius:var(--theme-border-radius-s,2px);font-size:.9em;margin:0 1px;padding:2px 4px}
.c-content .entry-content ol,.c-content .entry-content ul{list-style-position:outside;margin-bottom:20px;padding-left:2em}
.c-content .entry-content li{line-height:1.46;margin-bottom:.5em}
.c-content .entry-content img{height:auto}
.c-content .entry-content img,.c-content .entry-content video{max-width:100%;vertical-align:top}@media (max-width:767px){.c-content .entry-content video:not(.art-video){display:block;height:auto;width:100%}}
.c-content .entry-content video::-internal-media-controls-download-button{display:none}
.c-content .entry-content video::-webkit-media-controls-enclosure{overflow:hidden}
.c-content .entry-content video::-webkit-media-controls-panel{width:calc(100% + 30px)}
.c-content .entry-content audio{max-width:100%;vertical-align:top}@media (max-width:767px){.c-content .entry-content audio{display:block;width:100%}}
.c-content .entry-content embed,.c-content .entry-content iframe{max-width:100%;vertical-align:top}@media (max-width:767px){.c-content .entry-content embed,.c-content .entry-content iframe{display:block;max-height:500px;min-height:200px;width:100%}}
.c-content .entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}
.c-content .entry-content .aligncenter img{margin:0 auto}
.c-content .entry-content .alignleft{float:left;margin-bottom:10px;margin-right:10px}
.c-content .entry-content .alignright{float:right;margin-bottom:10px;margin-left:10px}
.c-content .entry-content table{border-collapse:collapse;margin-bottom:20px;width:100%}
.c-content .entry-content table td,.c-content .entry-content table th{border:1px solid var(--theme-border-color);padding:.5em}
.c-content .entry-content .has-theme-light-color{color:#f5f5f5}
.c-content .entry-content .has-theme-light-background-color{background-color:#f5f5f5}
.c-content .entry-content .has-theme-gray-color{color:#999}
.c-content .entry-content .has-theme-gray-background-color{background-color:#999}
.c-content .entry-content .has-theme-black-color{color:#333}
.c-content .entry-content .has-theme-black-background-color{background-color:#333}
.c-content .entry-content .has-theme-hover-color{color:var(--theme-hover)}
.c-content .entry-content .has-theme-hover-background-color{background-color:var(--theme-hover)}
.c-content .entry-content .has-theme-color-color{color:var(--theme-color)}
.c-content .entry-content .has-theme-color-background-color{background-color:var(--theme-color)}
.c-content .entry-content .gallery{font-size:0;margin:0 -10px}
.c-content .entry-content .gallery .gallery-item{display:inline-block;padding:10px;text-align:center;vertical-align:top}
.c-content .entry-content .gallery .gallery-item img{border:0;height:auto;max-width:100%;vertical-align:top}
.c-content .entry-content .gallery-columns-1 .gallery-item{width:100%}
.c-content .entry-content .gallery-columns-2 .gallery-item{width:50%}
.c-content .entry-content .gallery-columns-3 .gallery-item{width:33.33333%}
.c-content .entry-content .gallery-columns-4 .gallery-item{width:25%}
.c-content .entry-content .gallery-columns-5 .gallery-item{width:20%}
.c-content .entry-content .gallery-columns-6 .gallery-item{width:16.66667%}
.c-content .entry-content .gallery-columns-7 .gallery-item{width:14.28571%}
.c-content .entry-content .gallery-columns-8 .gallery-item{width:12.5%}
.c-content .entry-content .gallery-columns-9 .gallery-item{width:11.11111%}
.c-content .entry-content .wp-block-video,.c-content .entry-content .wp-video{aspect-ratio:16/9;display:block;margin-bottom:20px;width:auto!important}
.c-content .entry-content .j-wpcom-video{display:block;max-width:100%}
.c-content .entry-content .entry-content-slider .swiper-wrapper{flex-wrap:nowrap;margin:0!important;padding:0!important}
.c-content .entry-content .entry-content-slider .modules-feature-posts .post-loop-card .item,.c-content .entry-content .entry-content-slider .swiper-slide,.modules-feature-posts .post-loop-card .c-content .entry-content .entry-content-slider .item{margin:0!important}
.c-content .entry-content .entry-content-slider .modules-feature-posts .post-loop-card .item img,.c-content .entry-content .entry-content-slider .swiper-slide img,.modules-feature-posts .post-loop-card .c-content .entry-content .entry-content-slider .item img{display:block;height:auto;width:100%}
.c-content .entry-content .entry-content-slider .slide-title{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));bottom:0;color:#fff;font-size:18px;font-weight:500;left:0;line-height:1.4;margin:0!important;padding:40px 20px 16px!important;position:absolute;text-indent:0!important;width:100%;z-index:1}@media (max-width:991px){.c-content .entry-content .entry-content-slider .slide-title{font-size:16px;padding:24px 15px 15px!important}}
.c-content .entry-content .entry-content-slider .swiper-pagination{bottom:10px!important;line-height:0}
.c-content .entry-content .entry-content-slider:hover .swiper-pagination{opacity:1}
.c-content .entry-content.text-indent p{text-indent:2em}
.c-content .entry-content .wp-block-quote,.c-content .entry-content blockquote{background:var(--theme-line-color);border-left:0;border-radius:var(--theme-border-radius-l);color:var(--theme-gray-color);font-size:16px;padding:30px 30px 30px 66px;position:relative}@media (max-width:767px){.c-content .entry-content .wp-block-quote,.c-content .entry-content blockquote{padding:24px 15px 15px 52px}}
.c-content .entry-content .wp-block-quote:before,.c-content .entry-content blockquote:before{color:hsla(var(--theme-color-hsl),.1);content:"\e6fe";font-family:iconbg;font-size:30px;left:20px;line-height:1;position:absolute;top:15px}@media (max-width:767px){.c-content .entry-content .wp-block-quote:before,.c-content .entry-content blockquote:before{font-size:24px;left:15px;top:12px}}
.c-content .entry-content .c-content-copyright{background:hsla(var(--theme-color-hsl),.03);border:1px solid var(--theme-line-color);border-radius:var(--theme-border-radius-l);color:var(--theme-light-color);font-size:14px;line-height:1.6;margin-top:30px;padding:15px}
.c-content .entry-content .c-content-copyright a,.c-content .entry-content .c-content-copyright span{color:var(--theme-gray-color)}
.c-content .entry-content .c-content-copyright p{margin-bottom:8px;text-align:left;text-indent:0}
.c-content .entry-content .c-content-copyright p:last-child{margin-bottom:0}
.c-content .entry-content .pagination li{line-height:28px}
.c-content .c-content-page p{margin:0}
.page .c-content .c-content-head{margin-bottom:45px}
.page .c-content .c-content-title{margin-bottom:0;position:relative;text-align:center}
.page .c-content .c-content-title:after{background:var(--theme-light-color);border-radius:var(--theme-border-radius-s);bottom:-15px;content:"";height:2px;left:50%;margin-left:-10px;position:absolute;width:20px}