/*
Teamplate Name: techit 
Version: 1.0
*/
/* Type your CSS Here */
/* 默认隐藏导航 */
/* 修改导航栏字体大小 */
.mean-container .mean-nav ul li a{
    font-size:14px;
}
.bgcolor-white{
    background-color: #fff !important;
}
.bgcolor-gray{
    background-color: #FAF9FCFF !important;
}
.trp_nav_area{
    /* padding: 0; */
    /* padding-right: 20% !important;
    padding-left: 20% !important; */
}
.lang-toggle-text{
   font-weight: 500; 
}
.lang-img{
    padding-bottom: 3px;
}
.hbg2 .techit_menu > ul > li > a {
    color: #333333; /* 添加这行来修改字体颜色 */
}
/* 顶部固定导航栏核心样式 */
.top-nav {
    position: fixed; /* 固定在视口顶部 */
    top: 0;
    left: 0;
    width: 100%;
    height: 56px; /* 导航栏高度（可调整） */
    padding: 0 20px; /* 左右内边距（避免内容贴边） */
    padding-left: 20px;
    /* padding-top: 2px; */
    display: flex; /* 弹性布局：内部元素横向排列 */
    justify-content: space-between; /* 左右元素两端对齐 */
    align-items: center; /* 内部元素垂直居中 */
    z-index: 999; /* 确保导航栏在最上层（避免被其他元素覆盖） */
}
.mean-container .mean-bar::before{
    top: 16px !important;
}
/* 左侧：Logo容器 */
.logo-wrap {
    display: flex; /* 弹性布局：Logo和标题横向排列 */
    align-items: center; /* 垂直居中 */
    cursor: pointer; /* 鼠标悬停时显示手型（可选） */
}
.logo-wrap img{
    width: 122px;
}
/* Logo图标（用SVG实现，可替换为图片） */
.logo-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px; /* Logo与标题的间距 */
}

/* 标题文字 */
.logo-text {
    font-size: 18px;
    font-weight: 500;
    color: #fff; /* 文字颜色（白色，与背景对比） */
}

/* 右侧：语言切换 + 菜单容器 */
.nav-right {
    display: flex; /* 弹性布局：语言按钮和菜单横向排列 */
    align-items: center; /* 垂直居中 */
}

/* 语言切换按钮 */
.lang-btn {
    border: 1px solid #fff; /* 白色边框 */
    border-radius: 4px; /* 圆角 */
    padding: 4px 8px; /* 内边距 */
    font-size: 14px;
    color: #fff; /* 文字颜色 */
    background-color: transparent; /* 透明背景 */
    cursor: pointer; /* 手型指针 */
    transition: background-color 0.3s ease; /*  hover 过渡效果 */
}

/* 语言按钮 hover 效果 */
.lang-btn:hover {
    background-color: rgba(255, 255, 255, 0.1); /* 轻微白色背景（透明） */
}

/* 菜单图标（三横线） */
.menu-icon {
    width: 24px;
    height: 20px;
    display: flex; /* 弹性布局：三横线纵向排列 */
    flex-direction: column; /* 纵向排列 */
    justify-content: space-between; /* 横线之间均匀分布 */
    cursor: pointer; /* 手型指针 */
    margin-left: 16px; /* 与语言按钮的间距 */
}

/* 菜单图标中的横线 */
.menu-icon .line {
    width: 100%;
    height: 2px;
    background-color: #fff; /* 横线颜色（白色） */
    border-radius: 1px; /* 横线圆角 */
    transition: transform 0.3s ease, opacity 0.3s ease; /* 动画过渡效果（用于展开/折叠） */
}

.zh-en{
    position: absolute;
    top: 20px;
    right: 60px;
}
.hbg2 .techit_menu > ul > li > a:hover {
    color: #9ACD32 !important;
    background-color: transparent;
}
.mobile-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
.mobile-header ::backdrop {
    background: #000a;
}
.mean-container .mean-bar::before {
  content: "";
  display: block;
  width: 122px; /* 根据您的图片宽度调整 */
  height: 122px; /* 根据您的图片高度调整 */
  background-image: url(assets/images/black-logo.png); /* 替换为您的图片路径 */
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 20px;
  top: 13px;
}

.title-item{
    font-size: 40px;
    color: #232323;
    text-align: center;
    /* margin-bottom: 40px; */
    font-weight: 600;
}

.mean-container .mean-bar{
    display: none;
}
/* 容器通用样式 */
.container {
    margin: 0 auto;
    /* padding: 0 40px; */
}

/* 顶部横幅（Hero Section） */
.hero-section {
    /* background: linear-gradient(90deg, #003F8C, #0070C9); */
    background-image: url(./assets/images/home15.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
}

/* PC端布局：文字左、按钮右 */
.hero-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.hero-section h1 {
    color: #FFFFFF;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6;
}



/* 底部页脚（Footer） */
.footer {
    background: #0F2E5C;
    padding: 30px 0;
    color: #E0E0E0;
}

.footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.logo-text {
    font-size: 1.3rem;
    font-weight: 600;
    color: #FFFFFF;
}

.copyright, .contact {
    font-size: 14px;
    color: #FFFFFF;
}

/* 移动端适配（768px以下） */
@media (max-width: 768px) {
    /* 改变hero容器布局：垂直排列，居中对齐 */
    .hero-container {
        flex-direction: column; /* 垂直排列 */
        align-items: center; /* 水平居中 */
        text-align: center; /* 文字居中 */
    }

    /* 调整文字样式：缩小字体，增加底部间距 */
    .hero-section h1 {
        font-size: 1.8rem;
        margin-bottom: 0px; /* 文字与按钮之间的间距 */
    }

    /* 调整按钮样式：缩小 padding 和字体 */
    .cta-btn {
        padding: 14px 45px;
        font-size: 1.1rem;
    }
    .flex-clomn{
       display: flex;
       flex-direction: column;
        text-align: center;
    }
    .flex-clomn > span{
        margin-bottom: 10px;
    }
    /* 容器 padding 调整，避免贴边 */
    .container {
        padding: 0 20px;
    }
    .footer{
        padding:0px;
    }
 
}

/* 超小屏幕适配（480px以下） */
@media (max-width: 480px) {
    .hero-section h1 {
        font-size: 1.5rem; /* 进一步缩小文字 */
    }

    .cta-btn {
        padding: 12px 35px; /* 进一步缩小按钮 */
        font-size: 1rem;
    }

    .logo-text {
        font-size: 1.1rem; /* 缩小 logo 文字 */
    }

    .copyright, .contact {
        font-size: 0.8rem; 
    }
}
.hero-container .btn-ljzx{
   margin-top: 0px;
}
.product-text{
    font-size: 40px;
    color: #232323;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
}
.breadcumb-area-product {
    padding:180px 0 122px;
    background-image: url(./assets/images/product01.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
    position: relative;
    overflow: hidden;
	height: 400px
}
.breadcumb-area-solution{
     padding:200px 0 122px;
    background-image: url(./assets/images/solution01.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
    position: relative;
    overflow: hidden;
	height: 420px
}
.breadcumb-area-about{
     padding:200px 0 122px;
    background-image: url(./assets/images/about01.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
    position: relative;
    overflow: hidden;
	height: 420px
}
.witr_single_service3{
    border-radius: 16px;
    /* padding: 100px 30px 60px; */
}

/* 产品服务 */
.product-service-crad-item{
    margin-top: 30px;
}
/* 卡片文本内容  容器样式（限制最大宽度，居中显示）*/
.info-container{
     margin: 0 auto;
     padding: 20px;
} 
/* 单个"标签-值"条目（关键：固定标签宽度） */
.info-item {
    display: flex;
    align-items: flex-start; /* 顶部对齐，避免值换行时标签垂直居中错位 */
    /* margin-bottom: 1px; */
    line-height: 24px; /* 增加行间距，提升可读性 */
    font-size: 16px;
}

/* 标签样式（核心：固定宽度+右对齐，确保冒号统一位置） */
.info-label {
    width: 110px; /* 固定宽度（根据最长标签调整，如"支持收款币种"约100px，留10px余量） */
    text-align: right; /* 标签文字右对齐，冒号在110px处统一显示 */
    color: #FFFFFF;
    white-space: nowrap; /* 禁止标签文字换行（保持一行） */
}

/* 值样式（核心：固定起始位置+左对齐，确保多行对齐） */
.info-value {
    flex: 1; /* 占用剩余全部空间 */
    color: #FFFFFF;
    text-align: left; /* 值左对齐，起始位置为110px+12px=122px */
    /* 可选：处理长文本（如超过容器宽度） */
    /* white-space: normal; /* 允许值换行（默认启用） */
    /* word-break: break-word; /* 长单词强制换行 */
}
@media (max-width: 768px) {
    .info-item {
       font-size: 14px;
    }

    .info-value {
        text-align: left; /* 值左对齐 */
    }
    .witr_single_service3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .breadcumb-area-product {
        background-image: url(./assets/images/procution-servicebg.png);
    }
       .hero-container .btn-ljzx{
        margin-top: 14px;
    }
}
/* 产品卡片 */
.product-cradr1{
    background-image: url(./assets/images/product02.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
}
/* .witr_single_service3 img{
    height: 138px;
} */

.product-cradr2{
    background-image: url(./assets/images/product03.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
}
.product-cradr3{
    background-image: url(./assets/images/product04.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size: cover;	
}
.witr_service3_box{
    text-align: center;
    color: #fff;
}
.witr_service3_box a {
    color: #FFFFFF;
}
.product-item h3{
    font-size: 30px;
    color: #FFFFFF;
    font-weight: 600;
}
.product-item b{
    font-size: 16px;
}
 /* .info-item {
    gap: 12px;
    text-align: left;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    transition: all 0.3s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: flex-end;
} */
.product-service-crad{
    padding-top: 20px;
}
.flex{
    display: flex;
}
.btn-ljzx{
    width: 200px;
    height: 50px;
    background: linear-gradient( 180deg, #FFEFDA 0%, #F7DCB4 100%);
    border-radius: 30px 30px 30px 30px;
    color: #603219FF;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
/* 解决案例
 */
 /* 功能卡片列表 */
.feature-list {
    margin-bottom: 30px;
}

/* 功能卡片：基础样式 */
.feature-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 40px 28px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.35s ease;
}
.feature-item-solution {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px 28px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    cursor: pointer;
    transition: all 0.35s ease;
}
.title-item-solution{
    font-size: 22px;
    color: #333333;
    font-weight: 600;
}
/* 功能卡片：hover 效果 */
.feature-item:hover {
    background-color: #018BFF; /* 蓝色背景（可根据需求调整色值） */
    box-shadow: 0 5px 15px rgba(0, 112, 201, 0.25);
    transform: translateY(-2px); /* 轻微上移，增强交互感 */
}

/* 功能图标：基础样式 */
.feature-icon {
    width: 30px;
    height: 30px;
    fill: #0070C9; /* 默认图标颜色（与 hover 背景一致） */
    transition: fill 0.35s ease;
}


/* 功能文字：基础样式 */
.feature-text {
    font-size: 18px;
    color: #333333;
    transition: color 0.35s ease;
}

/* 功能文字：hover 效果（变白） */
.feature-item:hover .feature-text {
    color: #ffffff;
}
.feature-item:hover .title-item-solution {
    color: #ffffff;
}
/* 案例卡片：基础样式 */
.case-item {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 0 10px;
    background: linear-gradient( 359deg, #FFF7EC 0%, #FFFFFF 100%);
    border-radius: 12px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

/* 案例内容：标题（红色） */
.case-title {
    font-size: 20px;
    font-weight: 600;
    color: #FF0000; /* 红色，突出“案例”标识 */
}

/* 案例内容：描述文字 */
.case-desc {
    font-size: 20px;
    color: #333333;
    margin-top: 8px;
    line-height: 1.5;
    font-weight: 600;
}

/* 右栏：矿石图片容器 */
.content-right {
    flex: 1;
    min-width: 450px; /* 限制图片最小宽度，避免过小 */
}

/* 矿石图片：基础样式 */
.ore-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: transform 0.3s ease;
}

/* 矿石图片：hover 效果（可选，用户未要求可删除） */
/* .ore-image:hover {
    transform: scale(1.02);
} */

/* 响应式设计：平板/手机（768px以下） */
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* 左右堆叠，左栏在上 */
        gap: 10px;
    }

    .content-right {
        min-width: auto; /* 取消最小宽度限制 */
    }

    .title {
        font-size: 2rem;
        margin-bottom: 30px;
    }

    .feature-item {
        padding: 18px 25px;
        gap: 15px;
        margin-bottom: 18px;
    }

    .feature-icon {
        width: 26px;
        height: 26px;
    }
    .text-center{
    font-size: 24px;
}

    .feature-text {
        font-size: 14px;
    }

    .case-item {
        gap: 18px;
        padding: 20px;
    }

    .case-avatar {
        width: 55px;
        height: 55px;
    }

    .case-title {
        font-size: 1.05rem;
    }

    .case-desc {
        font-size: 1rem;
    }
    .brpt h2 {
        font-size: 40px !important;
    }
    .breadcumb-area-solution{
        background-image: url(./assets/images/solution-mobile-bg.png);
    }
    .title-item-solution{
        font-size: 18px;
    }
    .text-center{
        margin: auto 0;
        margin-bottom: 10px;
    }
    .product-text{
        margin-bottom: 0px;
    }
    .techit_tab_area{
        padding-bottom: 50px !important;
    }
    .case-content{
        display: flex;
        flex-wrap: wrap;
    }

    /* 案例内容：描述文字 */
    .case-desc {
        font-size: 16px;
    }
}

 /* 图片切换 */
 .img-default, .img-hover {
  transition: opacity 0.3s ease; /* 透明度过渡（更平滑） */
}

/* 3. 显示逻辑（默认显示默认图，hover显示hover图） */
.img-default {
  display: block; /* 初始显示默认图 */
  opacity: 1; /* 完全不透明 */
}

.img-hover {
  display: none; /* 初始隐藏hover图 */
  opacity: 0; /* 完全透明（配合过渡） */
}

/* 4. 精准触发：仅当鼠标移入图片容器（.blue_box）时切换图片 */
.feature-item:hover .img-default {
  display: none; /* 隐藏默认图 */
  opacity: 0; /* 透明度渐变 */
}

.feature-item:hover .img-hover {
  display: block; /* 显示hover图 */
  opacity: 1; /* 透明度渐变 */
}

/* 关于我们 */
.about_content h3 {
    margin-top:10px ;
    font-weight: 400;
    font-size: 48px;
    color: #333333;
}
.about_content p{
    font-size: 24px;
    font-weight: 400;
    line-height: 64px;
    margin-top: 20px;
    color: #333333;
    text-align: left;
}
.aboutlastdesc{
    margin-top: 20px !important;
}
/* 外层容器（桌面端左右分栏） */
.contact-container {
    display: flex;
    /* gap: 120px; */
   justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    /* margin: 0 auto; */
    padding:70px 80px 20px;
    
}

/* 左列：联系信息（占比1/3） */
.contact-info-box {
    /* flex: 2; */
      flex: 0 0 50%;
}

 /* 联系信息容器（控制整体间距） */
.contact-container-left  {
    margin: 0 auto;
    /* padding: 30px; */
    
}

/* 单行联系信息（控制行间距） */
.contact-item {
    display: flex; /* 启用flex，标签与内容横向排列 */
    align-items: flex-start; /* 顶部对齐（避免内容换行时标签错位） */
    margin-bottom: 10px !important;
    font-size: 16px;
    line-height: 28px;
}

/* 标签样式（核心：固定宽度+蓝色+粗体） */
.contact-label {
    margin-right: 10px;
    display: inline-block;
    color: #018BFF; /* 标签蓝色（匹配图片） */
}

/* 内容容器（包裹主内容+备注） */
.contact-content {
    color: #333333; /* 主内容深灰色 */
}

/* 备注样式（如括号内的说明） */
.contact-note {
    color: #999999; /* 备注浅灰色（匹配图片） */
    margin-left: 8px; /* 与主内容保持间距 */
}

/* 电话多号码项（控制间距） */
.contact-info {
    margin-right: 25px; /* 号码项之间的横向间距 */
}

/* 最后一个号码项取消右侧间距（避免多余空格） */
.contact-info:last-child {
    margin-right: 0;
}

/* 二维码容器（桌面端并排） */
.qr-code-container {
    margin-top: 10px;
    display: flex;
    gap: 30px;
    padding-right: 20px; /* 避免二维码贴右边界 */
}

/* 二维码项（图片+文字） */
.qr-item {
    text-align: left;
}

/* 二维码图片（带边框） */


/* 二维码文字（如“微信”） */
.qr-label {
    font-size: 16px;
    color: #333333;
}

/* 右列：联系表单（占比2/3） */
.contact-form {
      flex: 0 0 50%;
    padding-left: 20px;
}

/* 提交按钮（主题蓝） */
.submit-btn {
    background: #1a73e8;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

/* 按钮 hover 效果 */
.submit-btn:hover {
    background: #1558b0; /* 加深主题蓝 */
}

/* -------------- 移动端适配（768px以下） -------------- */
@media (max-width: 768px) {
    /* 外层容器变为上下堆叠 */
    .contact-container {
        flex-direction: column;
        gap: 30px;
        padding: 20px;
    }

    /* 左列：去掉右侧边框和内边距 */
    .contact-info {
        border-right: none;
        padding-right: 0;
    }
    /* .contact-label {
        flex: 0 0 42px; 
    } */
    .contact-info .text-block{
        display: block;
    }
    .contact-content{
         align-items: flex-start;
    }
    .contact-note{
        margin-left: 0;
    }
    .qr-label{
        text-align: center;
        margin: 10px 0;
    }
    /* .contact-label{
        height: 30px;
    } */
    /* 二维码容器：上下排列（居中） */
    .qr-code-container {
                margin: 0 auto;

        display: flex;
        align-content: space-around;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding-right:0px;
    }
    .about-crad2-title{
        margin-bottom: 20px;
    }
    /* 右列：去掉左侧内边距 */
    .contact-form {
        padding-left: 0;
    }

    /* 提交按钮：占满宽度 */
    .submit-btn {
        width: 100%;
        padding: 12px 0;
    }
    .witr_con_btn1{
      display: flex;
      justify-content:center;
    }
    .breadcumb-area-about{
       background-image: url(./assets/images/about-bg-mobile.png);
    }
    .margin_top_20{
        margin-top: 10px !important;
    }
    .margin_top_30{
	    margin-top:0px !important;
    }
    .aboutlastdesc{
        margin-top: 0 !important;
    }
    .about_content p{
        margin-top: 10px;
    }
    .witr_field1{
        margin-top: 30px;
        margin-bottom:30px !important;
    }
}

/* 小移动端适配（480px以下） */
@media (max-width: 480px) {
    /* 联系项字体缩小 */
    .contact-item {
        font-size: 14px;
    }

    /* 表单标签字体缩小 */
    .form-label {
        font-size: 14px;
    }

    /* 输入框内边距缩小 */
    .form-input {
        padding: 10px 12px;
        font-size: 14px;
    }
}
.contact-form input{
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 52px;
    position: relative;
    width: 100%;
    margin: 18px 0;
}
.contact-form  input::placeholder {
    color: #767676; /* 浅灰色（与图片中占位符颜色一致） */
}
.contact-form input[type="text"] {
  padding-left: 10px;
    letter-spacing: 1px;
}
.contact-form h3 {
    font-size: 22px;
    color: #333333;
    line-height: 36px;
}
.witr_field1{
    margin-top: 20px;
    margin-bottom: 70px;
}
  @media (max-width: 768px) {
      .contact-box h4{
        font-size: 16px;
        }
    .about_content h3{
        font-size: 24px;
        color: #333333;
        line-height: 36px;
        text-align: left !important;
     }
     .about_content p{
         font-size: 16px;
         line-height: 36px;
     }
     .contact-form h3{
        font-size: 15px;
        color: #333333;
        line-height: 36px;
        text-align: center;
     }
   }
/* 错误提示样式（类似Element UI） */
.error-message {
  display: none !important; /* 默认隐藏（不占空间） */
  color: #dc3545; /* 红色提示 */
  font-size: 12px; /* 小字体 */
  margin-top: 8px; /* 与输入框的间距 */
  line-height: 1.2; /* 行高（避免多行重叠） */
}

.witr_con_btn1 .w_btn1{
    background-color: #018BFF;
}


/* cookie */
/* Cookie询问栏容器：固定在底部 */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f9f9f9;
  border-top: 1px solid #eee;
  padding: 15px 0;
  z-index: 9999; /* 确保在其他元素上方 */
  font-family: '微软雅黑', sans-serif;
    display: none; /* 默认隐藏 */
}

/* 内容容器：限制最大宽度，居中 */
.cookie-container {
  margin: 0 auto;
  padding: 20px 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* 允许换行（手机端） */
}

/* 提示文本：占满剩余空间 */
.cookie-text {
  width: 63%;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin-right: 20px;
}

/* 隐私政策链接 */
.cookie-link {
  color: #007bff;
  text-decoration: none;
}

.cookie-link:hover {
  text-decoration: underline;
}

/* 按钮容器 */
.cookie-buttons {
  flex: 0 0 auto; /* 不伸缩，保持按钮大小 */
  display: flex;
  gap: 10px; /* 按钮间距 */
  margin-top: 10px; /* 手机端换行后，增加顶部间距 */
}
@media (max-width: 1400px) {
    .cookie-text{
        width: 100% !important;
    }
}
/* 按钮基础样式 */
.cookie-btn {
  padding: 10px 25px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s;
}

/* 接受按钮：绿色强调 */
.cookie-accept {
  background-color: #00C16E;
  color: #fff;
}

.cookie-accept:hover {
  background-color: #218838; /*  hover加深 */
}

/* 拒绝按钮：灰色弱化 */
.cookie-reject {
  background-color: #EBEBEB;
  color: #333333;
}
.donate-btn-header{
    font-size: 16px !important;

}
.cookie-reject:hover {
  background-color: #5a6268;
}

/* 响应式调整（手机端） */
@media (max-width: 768px) {
  .cookie-container {
    flex-direction: column; /* 垂直排列 */
    align-items: flex-start; /* 左对齐 */
  }

  .cookie-text {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px; /* 文本与按钮间距 */
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }


  .cookie-buttons {
    width: 100%; /* 按钮占满宽度 */
  }

  .cookie-btn {
    width: 100%; /* 按钮全屏 */
  }
  .techit_tab_area{
    padding-top: 50px;
  }
  .cookie-btn:last-child {
    margin-bottom: 0;
  }
 .techit_team_area{
    padding: 20px 0px 30px
 }

}

.techit_team_area .row {
    display: flex;
    flex-wrap: wrap;
}

.techit_team_area .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.witr_single_service3 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.witr_service3_box {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.witr_service3_content {
    flex: 1;
    display: flex;
    flex-direction: column;
}


.witr_btn_inner {
    margin-top: auto;
}

/* 立即咨询 */
/* 悬浮图片样式 立即咨询*/
.fixed-image {
    position: fixed;
    bottom: 90px;   
    right: 30px;
    z-index: 9999;
    width: 175px; /* 可根据需要调整宽度 */
    height: 72px;
    cursor: pointer;
    background-image: url(./assets/images/ljzx.png);
    background-size: 100% 100%;
}
.fixed-image-en{
    background-image: url(./assets/images/ljzxen.png);
}

@media screen and (max-width: 768px) {
    .fixed-image{
        width: 50px;
        height: 92px;
        bottom: 80px;   
        background-image: url(./assets/images/ljzx-mobile.png);
         right: 10px!important;
    }
    .fixed-image-en{
    background-image: url(./assets/images/ljzxen-mobile.png);
}
    #scrollUp{
        width: 50px;
        height: 50px;
        bottom: 20px!important;   
        right: 10px!important;
    }
}
 #scrollUp{
      z-index: 9990!important;
      right: 30px;
    }

.em-service-title img{
    width: 70px;
    height: 70px;
}
.em-service-title{
    display: flex;
    flex-direction: row !important;
}
.em-service-title .em-service-title-text{
    padding-left: 10px;
    padding-top: 5px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px!important;
    }
}
.col-sm-3{
    padding-left: 0px !important;
}
.margin_top_20{
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .hero-section{
     padding: 50px 0;
  }
}
/* 移动端导航 */
.hbg2-mobile {
    background-color: #ffffff;
    border-bottom: 1px solid #DDDDDD;
}
.hbg2-mobile .nav-right .lang-btn{
        border: 1px solid #333333;
    color: #333333 !important;
}
.hbg2-mobile .nav-right .menu-icon .line{
    background-color: #333333;
}

/* 产品服务 */
.en-info-container  .info-item{
    flex-direction: column;
     text-align: center !important;
}
.en-info-container .info-label {
    width: 100%;
    text-align: center !important;
    font-size: 12px  !important;
    color: #fffffffc;
}
.en-info-container .info-value{
    width: 100%;
    text-align: center !important;
     
}
.en-info-container .product-item b {
    font-size: 14px !important;
}

/* 解决问题 */
.en-info-container .feature-item{
    padding: 32px 28px !important;
}

/* 关于我们 */
.en-info-container h3{
    font-size: 28px !important;
}
.en-info-container p{
    font-size: 20px !important;
    line-height: 44px;
}
.en-info-container .contact-item{
    
   font-size: 14px !important;
    line-height: 28px;
}
@media screen and (max-width: 768px) {
    .en-info-container h3{
        font-size: 18px !important;
        line-height: 32px;
    }
    .en-info-container p{
    font-size:14px !important;
    line-height: 30px;
}
  .cookie-text .cookie.text2{
    padding-top: 20px;
  }

}
.error {
        display: none;
        color: #e74c3c;
        margin-top: 8px;
        font-size: 0.95rem;
        padding-left: 10px;
    }
/* 菜单黑色遮罩层 */
.mobile-header .mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000060;
    z-index: 9999;
}
 /* 消息元素样式 */
 .success-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: #018BFF;
    color: white;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;

    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media screen and (max-width: 768px) {
     .success-message {
         font-size: 16px;
     }
}
.success-message.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.success-icon {
    font-size: 28px;
    animation: bounce 0.6s ease;
}


/* 提交401失败 */
 .error-message-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: red;
    color: white;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media screen and (max-width: 768px) {
     .error-message-box {
         font-size: 14px;
     }
}
.error-message-box.shows {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}


/* 提交失败 */
 .other-error-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: red;
    color: white;
    padding: 20px 40px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 600;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1000;
    display: flex;
    align-items: center;
    gap: 12px;
}
@media screen and (max-width: 768px) {
     .other-error-message {
         font-size: 14px;
     }
}
.other-error-message.showo {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}