@media (min-width:1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1600px;
    }

    .nav-item {
        margin-left: 50px;
    }

    .index-industry .industry-banner .swiper-pagination-bullets {
        width: calc(440px + (100vw - 1600px) / 2);
    }

    .index-industry .industry-center-text {
        max-width: 440px;
        margin-right: 0px;
        left: calc((100vw - 1600px) / 2);
        position: relative;
    }

    .project-area .swiper-pagination-bullets {
        width: 47.5%;
        top: -10%;
    }

    .newscenter {
        margin-top: 120px;
    }
}

@media(min-width:1200px) and (max-width:1600px) {
    .index-industry .industry-banner .swiper-pagination-bullets {
        width: 38.6%;
    }

    .index-industry .industry-center-text {
        max-width: 440px;
        margin-right: 0px;
        left: calc((100vw - 1140px) / 2);
        position: relative;
    }

    .project-area .swiper-pagination-bullets {
        width: 47.5%;
        top: 35%;
    }

}


@media(min-width:992px) {
    .breadcrumb {
      margin-bottom: 2rem;
    }
    .product__details__tab .nav-tabs li {
    margin-right: 4rem
}
    .en .personcard {
    width:45%;
}
    .container.info.cprofile{ padding-top: 24px; padding-bottom: 8px;}
    .indexnav .navbar-light ul.navbar-nav > li > a,.indexnav .navbar-light .navbar-nav .nav-link {
    
    
    font-size: 18px;
    white-space: nowrap;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
    font-weight: 450;
    flex-shrink: 0;

}
    .mtop{margin-top:69px;}
    .project-area{
        background: url(/static/module/index/default/images/map.png) no-repeat 74% 44%;
    }
    .pborder-top{border-top: 1px solid #dee2e6;}
      .profile div,
    .profile p {font-size:18px;}
    .newscenter .newscenterp {
        position: relative;
        padding-left: 30%;
    }

    .newscenter .newscenterp .swiper-wrapper {
        align-items: flex-end;
    }

    .index-news-img {
        max-width: 100%;
        max-height: 100%;
        aspect-ratio: 144/98;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 4px;
    }

    .index-news-img img {
        width: 100%;
    }

    .indexnav ul.navbar-nav>li:hover>a,
    .indexnav ul.navbar-nav>li.active>a {
        color: #fff !important;
    }

    ul.navbar-nav>li:hover>a:after,
    ul.navbar-nav>li.active>a:after,
    ul.navbar-nav>li.active>a.dropdown-toggle:after {
        content: "";
        display: block;
        width: 100%;
        border-bottom: 2px solid #0067AD;
        position: relative;
        margin: 0;
        bottom: 0;
        border-top: 0;
        left: 50%;
        height: 1px;
        color: #0067AD;
        transform: translateX(-50%);
        transition: width 0.3s ease;
    }

    .indexnav ul.navbar-nav>li.active>a::after,
    .indexnav ul.navbar-nav>li:hover>a:after {
        border-color: #fff;
    }

    ul.navbar-nav>li>a {
        padding: 15px 0 !important;
        color: #fff;
    }

    ul.navbar-nav>li>a {

        color: #fff;
        text-rendering: optimizeLegibility;

        letter-spacing: -.2px;
        font-size: 14px;
        margin: 0;
        line-height: 40px;
        padding: 30px 0;
        transition: 350ms;
        transition: color 0.3s ease;
    }

    .about-area {
        background: url(../images/aboutus_bg.png) center center no-repeat;
        aspect-ratio: 1920/900;
        width: 100%;
        height: auto;
        color: #fff;
        line-height: 2;
        font-size: 20px;
        background-size: cover;
    }

    .about-area .digits {
        font-size: 65px;

    }

    .ppic {
        max-width: 500px;
    }

    .core-features-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
    }

    /* 2. Grid 布局容器 */
    .features-grid-container {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0px;
        width: 100%;
        height: 100%;
        align-items: flex-end;
    }

    /* 3. 卡片基础样式 */
    .feature-card {
        position: relative;
        height: 100%;
        width: 100%;
        overflow: hidden;

        transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
        cursor: pointer;
        background-color: transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* 4. 视觉层（图标 + 标题） */
    .feature-visual {
        width: 100%;
       
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center bottom;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 0px;
        transform: translateY(50%);
        /* 【关键修改】背景变化也采用先快后慢 */
        transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
        z-index: 1;
 padding-top:30%;
    }

    /* 标题样式 */
    .feature-visual .feature-heading {

        color: #fff;
        margin: 0;
        transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
        padding: 5px 15px;
        flex-shrink: 0;
    
        font-weight: 500;
        width: 100%;

    }

    /* 确保标题内的图片尺寸合适 */
    .feature-visual .feature-heading img {
        height: 24px;
        width: auto;
        vertical-align: middle;
    }

    /* 5. 覆盖层（描述信息） */
    .feature-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: transparent;

        transform: translateY(100%);

        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
        z-index: 2;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* 描述文字样式 */
    .feature-details p {

        color: #fff;

        margin: 0;
  
        opacity: 0;
        transform: translateY(10px);
        transition: all 0.4s ease-out;
        font-size: 18px;
    }


    .feature-card:hover {
        transform: translateY(-5px);
        z-index: 10;
    }


    .feature-card:hover .feature-details p {
        opacity: 1;
        transform: translateY(0);
    }



    .feature-card:hover .feature-visual {
        transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
        transform: translateY(-50%)
    }

    .feature-card {
        border-right: 1px solid #ddd
    }

    .feature-card:last-child {
        border-right: 0
    }

    .personcard {
        width: 18%;
        text-align: center;
    }

    .blog-item::hover.new {
        border-bottom: 0;
    }

    .blog-item.news .bi-pic {
        float: left;
        width: 25%;

    }

    .blog-item.news .bi-pic img {
        width: 100%;
        aspect-ratio: 394/270;
        height: auto;
        object-fit: cover;

    }

    .blog-item.news .bi-text {
        float: left;
        width: 75%;

    }

    .blog-item.news .bi-text {
        padding-left: 4rem;
        padding-right: 1rem;
    }
}

.stats>div {
    width: 50%;
}

.dropdown.active .fa-angle-down::before,
.dropdown:hover .fa-angle-down::before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 9.99999L17 3.94229L15.9889 2.99999L10.5 8.11537L5.01113 2.99999L4.00002 3.94229L10.5 9.99999Z' fill='%23fff'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    /* 根据需要调整间距 */
}

.dropdown .fa-angle-down::before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 9.99999L17 3.94229L15.9889 2.99999L10.5 8.11537L5.01113 2.99999L4.00002 3.94229L10.5 9.99999Z' fill='currentColor'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    /* 根据需要调整间距 */
}

.dropdown-toggle::after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 9.99999L17 3.94229L15.9889 2.99999L10.5 8.11537L5.01113 2.99999L4.00002 3.94229L10.5 9.99999Z' fill='currentColor'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    /* 根据需要调整间距 */
    border: none;
    position: relative;
  
    transform: rotate(270deg);
    transition: transform 1s ease;
    float: right;
   
}
.nav-link.dropdown-toggle::after{
    top:0px;
}

.dropdown-toggle.active::after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 10.0007L17 3.94306L15.9889 3.00075L10.5 8.11613L5.01113 3.00075L4.00002 3.94306L10.5 10.0007Z' fill='%230067AD'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    /* 根据需要调整间距 */
    border: none;
    position: relative;
   
    color: #0067AD;
    transition: transform 1s ease;
    transform: rotate(0deg);
  
}

.active>.nav-link.dropdown-toggle::after {
  
    top:0px;
}
.rnavtitle .active>.dropdown-toggle::after {

    transform: rotate(270deg);
}

.navbar .active>.dropdown-toggle::after {
    content: none;
}

header .container .col-lg-12 {
    padding: 0
}

/* 容器定位 */
.bullet-timer-wrapper {
    position: relative;
    width: 40px;
    /* 根据设计调整大小 */
    height: 40px;
    margin: 10px auto 10px;
    /* 居中 */
}

/* SVG 设置 */
.timer-svg {
    width: 40px;
    height: 40px;
    transform: rotate(-90deg);
    /* 让起点从顶部开始 */
}

/* 圆环通用样式 */
.timer-ring-bg,
.timer-ring-progress {
    fill: none;
    stroke-width: 6;
    /* 圆环粗细 */
    cx: 50;
    cy: 50;
    r: 45;
}

/* 背景圆环颜色 */
.timer-ring-bg {
    stroke: #e0e0e0;
}

/* 进度圆环颜色及初始状态 */
.timer-ring-progress {
    stroke: #0067AD;
    /* 你的主题色 */
    stroke-linecap: round;
    /* 圆头端点 */

    /* 关键：周长 = 2 * PI * r ≈ 2 * 3.14 * 45 ≈ 283 */
    stroke-dasharray: 283;
    stroke-dashoffset: 0;
    /* 默认满圈 */

    transition: stroke-dashoffset 1s linear;
}

/* 【关键】当 Bullet 处于激活状态时，执行倒计时动画 */
.swiper-pagination-bullet-active .timer-ring-progress {
    /* 假设倒计时时间为 5秒 */
    animation: timer-countdown 4.9s linear forwards;
}

/* 定义倒计时动画：从 0 偏移到 283 (完全隐藏) */
@keyframes timer-countdown {
    from {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 283;
    }
}

/* 中间图标居中 */
.icon-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    /* 图标大小 */
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-container img {
    max-width: 100%;
    max-height: 100%;
}

.timer-ring-progress {
    stroke: #0067AD;
    stroke-linecap: round;
    stroke-dasharray: 283;
    /* 圆周长 */
    stroke-dashoffset: 283;
    /* 初始状态：完全隐藏（空） */
    transition: stroke-dashoffset 0.3s ease;
    /* 非自动播放时的平滑过渡 */
}

/* 【关键】只有当父级 bullet 拥有 .is-counting 类时，才执行倒计时动画 */
.swiper-pagination-bullet.is-counting .timer-ring-progress {
    /* 假设 autoplay 延迟为 5000ms (5秒) */
    animation: timer-countdown 5s linear forwards;
}

@keyframes timer-countdown {
    from {
        stroke-dashoffset: 0;
        /* 开始：满圈 */
    }

    to {
        stroke-dashoffset: 283;
        /* 结束：空圈 */
    }
}

/* 视频容器 */
.video-wrapper {
    position: relative;
    width: 100%;
    background: #000;
    /* 视频加载前的背景色 */
}

/* 自定义播放按钮 */
.custom-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: rgba(0, 103, 173, 0.8);
    /* 使用主题色 */
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.custom-play-btn:hover {
    background: rgba(0, 103, 173, 1);
    transform: translate(-50%, -50%) scale(1.1);
    /* 悬停放大 */
}

.custom-play-btn svg {
    fill: #fff;
    width: 30px;
    height: 30px;
    margin-left: 4px;
    /* 视觉修正，让三角形看起来居中 */
}

/* 容器相对定位，以便绝对定位气泡 */
.wechat-qr-wrapper {
    position: relative;
    display: inline-block;
}




.qr-popup {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 4px;
    z-index: 1000;
    transition: all 0.3s ease;
    margin-top: 10px;
}



.qr-arrow {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}


/* 鼠标悬停时显示气泡 */
.wechat-qr-wrapper:hover .qr-popup {
    visibility: visible;
    opacity: 1;
}

/* 确保内容居中 */
.qr-content {
    text-align: center;
}

/* 1. 父级 li 设置为 static，使下拉菜单相对于导航栏容器定位 */
.navbar-nav .nav-item.dropdown {
    position: static !important;
}

/* 2. 下拉菜单基础样式：默认隐藏 */
.navbar-nav .dropdown-menu {
    display: none;
    /* 关键：默认不显示，避免与 Bootstrap 默认行为冲突 */
    position: absolute;
    top: 100%;
    margin: 0;
    padding: 20px 0 0 0;
    background-color: #ffffff00;

    border: none;
    border-radius: 0;
    z-index: 1000;

    /* 横向排列布局 */
    flex-direction: row;
    flex-wrap: wrap;

    align-items: flex-start;
}

/* 3. 鼠标悬停时显示：使用 flex 布局 */
.navbar-nav .nav-item.dropdown:hover>.dropdown-menu {
    display: flex;
    /* 关键：悬停时变为 flex 显示 */
}

/* 4. 内部子栏目样式 */
.navbar-nav .dropdown-menu>li {
    width: auto;
    padding: 15px 20px;
    margin-bottom: 10px;
    list-style: none;
}

/* 5. 链接样式 */
.navbar-nav .dropdown-menu>li>a {
    display: block;
    padding: 8px 0;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    transition: color 0.3s;
}

.navbar-nav .dropdown-menu>li>a:hover {
    color: #0067AD;
    /* 主题色 */
    text-decoration: none;
}

/* 6. 处理三级菜单 (如果有) */
/* 在通栏模式下，建议将三级菜单作为二级菜单下的一个块展示，或者隐藏 */
.dropdown-submenu>.dropdown-menu {
    position: static;
    display: block;
    /* 强制显示在通栏内，不再悬浮 */
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    padding: 10px 0 0 20px;
    width: 100%;
    background: transparent;
    flex-direction: column;
    /* 三级菜单内部垂直排列 */
}

/* 7. 移动端适配：恢复默认行为 */
@media (max-width: 991.98px) {
    .navbar-nav .nav-item.dropdown {
        position: relative !important;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        width: 100%;
        display: none;
        /* 移动端依赖 JS 点击切换 */
        flex-direction: column;
        box-shadow: none;
        padding: 0 0 0 20px;
    }

    /* 移动端悬停不触发显示，必须由 Bootstrap JS 控制 .show 类 */
    .navbar-nav .nav-item.dropdown:hover>.dropdown-menu {
        display: none;
    }

  
    .navbar-nav .nav-item.dropdown.show>.dropdown-menu,.navbar-nav .nav-item.dropdown.active>.dropdown-menu {
        display: block;
       
    }
}

#custom-play-btn:hover {
    transform: scale(1.2);
    transition: 1s;
}

.indexnav .subnavbg {
    background: #ffffffe3;
}

.subnavbg {
    height: 90px;
    background: #f3f3f3;
    position: absolute;
    top: 90px;
    width: 100%;
    display: none;
    z-index: 2;
}

.subnavbg.active {
    display: block;
}

.subnavbg.gray {
    background-color: unset;
}

.subnavbg.gray::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50vw + 128px);
    height: 100%;
    background-color: #edf0f3;
    /* 左侧灰色 */
    z-index: -1;
}

.subnavbg.gray::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50vw - 128px);
    height: 100%;
    background-color: #ffffff;
    /* 右侧白色 */
    z-index: -1;
}

.search-icon {
    box-sizing: border-box;
    background: #0067ad;
    display: flex;
    justify-content: center;
    width: 60px;
    height: 53px;
    border-radius: 0px 5px 5px 0px;
    align-items: flex-end;
    border: none;
}

.search-icon svg {
    width: 20px;
    height: 20px;
    color: #fff;
    margin: 0 auto 16px auto;
}

.search-input {
    width: 442px;
    height: 53px;
    border-radius: 5px;
    border-color: #c0c0c0;
    border-style: solid;
    border-width: 1px;
    justify-content: flex-start;
    box-sizing: border-box;
    background: #ffffff;
    display: flex;
    align-items: flex-end;
}

.search-input .form-control {
    border: none;
    font-size: 14px;
}

.dropdown-menu form.search-form {
    width: 442px;
    margin: 44px auto;
}

.dropdown-menu.subnav li a {

    white-space: nowrap;
    line-height: normal;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 380;
    color: #464646;
}

.dropdown-menu.subnav li a:hover {
    color: #0067AD;
}

.dropdown-menu.subnav ul.level3 li a {

    white-space: nowrap;
    line-height: normal;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 380;
    color: #9f9f9f;
    padding: 5px 0;
}

.dropdown-menu.subnav ul.level3 li a:hover {
    color: #0067AD;
}

.dropdown-menu.subnav .level1 {
    color: #262626;
}

.dropdown-menu.subnav .level1:hover {
    color: #0067AD;
}

.fsize36 {

    font-size: 36px !important;

}

.fsize20 {


    line-height: normal;
    flex-shrink: 0;
    font-size: 20px !important;
    font-weight: 380;
}

.fsize18,
.fsize18 p {

    line-height: normal;
    flex-shrink: 0;
    font-size: 18px !important;
    font-weight: 400;
}

.fsize16 {

    line-height: normal;
    flex-shrink: 0;
    font-size: 16px !important;
    font-weight: 380;
}

.fsize14 {

    line-height: normal;
    flex-shrink: 0;
    font-size: 14px !important;
    font-weight: 380;
}

.subnavhot {
    margin-top: 50px;
    margin-left: 60px;
    padding-bottom: 20px;
    border-bottom: 2px solid #edf0f3;
    margin-bottom: 20px;
}

.subnavhot-list {
    max-height: 450px;
    /* 设置最大高度 */
    overflow-y: auto;
    /* 允许垂直方向滚动 */
    padding-right: 5px;
    /* 防止滚动条遮挡内容，可选 */
    margin-left: 60px;

}

/* --- 自定义滚动条样式 (Webkit内核: Chrome, Safari, Edge) --- */

/* 滚动条整体部分 */
.subnavhot-list::-webkit-scrollbar {
    width: 8px;
    /* 滚动条宽度 */
}

/* 滚动条轨道 */
.subnavhot-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* 轨道背景色 */
    border-radius: 4px;
}

/* 滚动条滑块 (拖动条) */
.subnavhot-list::-webkit-scrollbar-thumb {
    background: #0067AD;
    /* 【关键】设置为蓝色 */
    border-radius: 4px;
    /* 圆角 */
}

/* 鼠标悬停在滑块上时的颜色 */
.subnavhot-list::-webkit-scrollbar-thumb:hover {
    background: #00528a;
    /* 深一点的蓝色 */
}

/* --- Firefox 浏览器支持 --- */
.subnavhot-list {
    scrollbar-width: thin;
    /* 细滚动条 */
    scrollbar-color: #0067AD #f1f1f1;
    /* 滑块颜色 轨道颜色 */
}

.fsong {
    font-family: "fangsong";
}

.product-list>.dropdown>a {
    height: 80px;
}

.bgfa {
    background-color: #FAFDFF;
}

.product-list li.dropdown:hover {
    background: #0067AD;
    color: #fff;
}

.product-list li.dropdown:hover .fa-angle-down::before {

    color: #fff;
}

.product-list .dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px 0px #0000003F;
    width: 100%;
}

.product-list .dropdown-menu li {
    border-top: 1px solid #eee;
}

.product-list .dropdown-menu li:first-child {
    border-top: 0;
}

.product-list .dropdown-menu li a:hover,
.dropdown-menu li a:focus {
    color: #5B5B5B;

    line-height: normal;
    letter-spacing: 0px;
    text-align: left;

}

.product-list .dropdown-menu li a {
    color: #5B5B5B;
    
    font-weight: medium;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;

}

.product-list .dropdown-menu li a:hover {
    color: #0067AD;
    
    font-weight: medium;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;

}

.product-list .dropdown-menu li.active a {
    color: #0067AD;


}


.product-details {
    aspect-ratio: 1920/824;
    height: auto;
    width: 100%;

    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.product-details>.container {
    padding-left: 0px;
    padding-right: 0;
}

.product__details__text .pinfo>h1 {
    color: #0067AD;
    
    font-weight: semibold;
    font-size: 42px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 22px;
    ;
}

.product-details .nav-tabs {
    border: none;
}

/* 确保右侧文本区域占满高度 */
.product__details__text {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* 或者根据设计稿设置最小高度，例如 min-height: 500px; */
}

/* 让 pinfo 自动填充剩余空间 */
.product__details__text .pinfo {
    flex: 1;
    /* 可选：如果内容过多，允许滚动 */
    /* overflow-y: auto; */
}

/* 确保按钮区域在底部 */
.product__details__text .product-btns {
    margin-top: 20px;
    /* 与上方内容保持间距 */
    /* flex-shrink: 0; 防止按钮被压缩 */
}

/* 可选：确保左侧图片区域和右侧文本区域高度一致 */
.product-details1>div {
    display: flex;
    flex-direction: column;
}

.product__details__text .pinfo,
.product__details__text .pinfo>p {
    color: #5B5B5B;
    
    font-weight: normal;
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 0;

}

.product-btns .btn {
    padding: 10px 30px;
    margin: 20px 20px 0 0;
    color: #FFFFFF;
    
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 1px;
    text-align: center;

}
.btn-primary.qing {
    background-color: #D8EFFF;
    color: #0067AD;
    border: 1px solid #0067AD; 
}
.btn-primary.qing:hover {
    background-color: #0067AD;
    color: #fff;
    border: 1px solid #0067AD; 
}

.ppic {
    aspect-ratio: 1/1;
    height: auto;
    width: 100%;

    border: 2px solid #ccc;
}

.tppic {
    height: 80px;
}

.product-details .section-title {
    background-image: url("data:image/svg+xml,%3Csvg width='94' height='80' viewBox='0 0 94 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='37.5' cy='42.5' r='37.5' fill='%23D5EEFF'/%3E%3Ccircle cx='87.5' cy='6.5' r='6.5' fill='%23D5EEFF'/%3E%3C/svg%3E");
    background-size: 94px 80px;
    background-repeat: no-repeat;
    background-position: left;
    color: #0067AD;
}

.product-details .section-title .title {
    
    font-weight: 500;
    font-size: 32px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    padding-top: 42px;
    padding-bottom: 20px;
    margin-top: 30px;
}

.product-details .section-title.light {
    background-image: url("data:image/svg+xml,%3Csvg width='94' height='80' viewBox='0 0 94 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='37.5' cy='42.5' r='37.5' fill='%23EDFFE4'/%3E%3Ccircle cx='87.5' cy='6.5' r='6.5' fill='%23EDFFE4'/%3E%3C/svg%3E");
    background-size: 94px 80px;
    background-repeat: no-repeat;
    background-position: left;
}

.downcards .bglight {
    border-radius: 5px;
    background: #FCFCFC;
    box-shadow: 1px -1px 5.9px 0px #00000019;
}

.downcards .bg-gray {
    border-radius: 6px;
    background: #F6F6F6;
}

.downcards small {
    color: #5B5B5B;
    
    font-weight: semibold;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0px;
    text-align: left;
}

.downcards .down-btn,
.bi-text .down-btn {
    border-radius: 3px;
    border: 1px solid #ececec;

    width: 3rem;
    height: 2.7rem;
    color: #0067ad;
    line-height: 1;
    font-weight: 400;
}

.downcards .down-btn:hover {
    background-color: #0067Ad;
}

.downcards .down-btn:hover span {
    color: #fff;
}

.jetson1 {
    aspect-ratio: 1920/560;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 560px;
}

.jetson1 h2 {
    color: #000000;
    
    font-weight: 600;
    font-size: 48px;
    line-height: normal;
    letter-spacing: 5px;
    text-align: left;
    padding-top: 7%;
    text-align: center;
}

.jetson1 .jetson1_bg1_p>ul {
    width: 100%;
    display: flex;
    padding: 0;
}

.jetson1 .jetson1_bg1_p ul li {
    border-right: 1px solid #ccc;
    list-style: none;
}

.jetson1 .jetson1_bg1_p ul>li {
    border-right: 1px solid #ccc;
    list-style: none;
    text-align: center;
    color: #76B900;
    
    font-weight: 600;
    font-size: 38px;
    line-height: normal;
    letter-spacing: 0px;
    margin-top: 7%;
}

.jetson1 .jetson1_bg1_p ul li:last-child {
    border-right: none;
}

.jetson1 .jetson1_bg1_p>ul>li>ul {
    width: 100%;
    display: flex;
    padding: 0 10%;
}

.jetson1 .jetson1_bg1_p ul>li>ul>li {
    color: #5B5B5B;
    
    font-weight: 400;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;
}

.jetson2 {
    aspect-ratio: 1920/450;
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 450px;
}

.jetson2 h2 {
    color: #FFFFFF;
    
    font-weight: 600;
    font-size: 28px;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    padding-top: 5%;
    padding-bottom: 1%;
}
.jetson4cards{padding:12px;
}

.jetson4cards>.card-content {
    background: #f5f5f5;
    border-radius: 5px;
aspect-ratio: 788/270;
width: 100%;
height: auto;
}

.jetson4cards .desc,
.jetson4cards .desc p {
    color: #5B5B5B;
    font-weight: 400;
    font-size: 22px;
    line-height: 2;
    letter-spacing: 0px;
    text-align: left;
    padding-top: 0.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.en .jetson4cards .desc, .en .jetson4cards .desc p {
    font-size: 20px;
}
.jetson4cards .img-part {
    aspect-ratio: 178/100;
    width: 25%;
    height: auto;
    padding-left: 3%;
}

.jetson4cards .desc.text-white>p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}


.jetsonbtn>p {
    text-align: center;
    margin-top: 3%;
}

.jetsonbtn>p>a {
    border-radius: 27.5px;
    background: #0067AD;
    color: #FFFFFF;
    
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 5px;
    text-align: left;
    padding: 12px 124px;

}

.card-wrapper {
    aspect-ratio: 796/438;
    width: 100%;
    height: auto;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: relative;
    overflow: hidden;
    gap: 0;
}

.expand-card {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: transform .6s ease, z-index .1s;
    margin: 4px;
}

/* 四个角定义缩放原点 */
.top-left {
    transform-origin: top left;
}

.top-right {
    transform-origin: top right;
}

.bottom-left {
    transform-origin: bottom left;
}

.bottom-right {
    transform-origin: bottom right;
}

/* 激活状态 */
.expand-card.active {
    transform: scale(2);
    z-index: 100;
    cursor: default;
    margin: 0;
}

.expand-card.active .content,
.card-body .subtitle {
    display: block;
    font-size:20px;
}

.expand-card.active .subtitle{
    font-size: 12px;
    line-height: 1.5;
    font-weight:bold;
}
.card-body .content {
    display: none;
}

/* 其它缩小 */
.card-wrapper.has-active .expand-card:not(.active) {
    transform: scale(.9);
    opacity: 0;
    pointer-events: none;
}

/* 遮罩 */
.card-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    transition: background .4s;
}



/* 内容 */
.card-body {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2;
    color: white;
}

.expand-card.active .card-body {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    color: white;
}

/* 关闭按钮 */
.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
}

.expand-card.active .close-btn {
    opacity: 1;
    pointer-events: auto;
}


.card-body h3 {
    margin: 0 0 10px;
    font-size: 35px;
}

.expand-card.active .card-body h3 {
    margin: 0 0 10px;
    font-size: 20px;
}

.card-body p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}
.en .card-body p {
    
    line-height: 1.3;
}

.stretched-link {
    position: absolute;
    inset: 0;
    z-index: 3;
}

.card-wrapper:hover .expand-card:not(:hover) {
    transform: scale(.95);
    opacity: .3;
}

#thirdNav {
    position: sticky;
    top: 90px;
    /* 距离顶部 90px 时吸附 */
    z-index: 999;
    background: #fff;
    /* 防止透明 */
    transition: all .3s ease;
}

#thirdNav .nav-tabs .nav-link.active {
    border: none;
    margin-bottom: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #0067AD;
}

#thirdNav .nav-tabs .nav-link.active:after {
    color: #0067AD;
}

.sencecard {
    background-repeat: no-repeat;
    margin-top: 3%;
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    background-size: contain;
}

.sencecard .justify-content-end .cards {
    margin-right: 5%;

}

.sencecard .justify-content-start .cards {
    margin-left: 5%;
}

.cards {
    width: 47%;
    margin-top: 5%;
}

.cards .digit {
    font-size: 240px;
    color: #d2edff;
    font-weight: 600;
}

.sencecard .justify-content-end .cards .digit {
    position: relative;
    right: -30px;
    text-align: right;

}

.sencecard .justify-content-start .cards .digit {
    position: relative;
    left: -30px;
    text-align: right;
    top: 0px;

}

.cards h2 {
    font-size: 46px;
    font-weight: bold;
    color: #0067AD;
}

.cards .desc,
.cards .desc p {
    color: #5b5b5b;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0px;
}

.cards .desc>ul {
    margin-top: 3%;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.cards .desc>ul>li {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='18.5' cy='18.5' r='18' stroke='%230067AD'/%3E%3Cpath d='M18.5 8.5C16.7178 8.49976 14.968 8.97579 13.4316 9.87883C11.8951 10.7819 10.6279 12.0791 9.76114 13.6363C8.89435 15.1935 8.45945 16.954 8.50144 18.7356C8.54344 20.5173 9.06081 22.2554 10 23.77C10.1749 24.0518 10.2307 24.3915 10.1551 24.7144C10.0795 25.0373 9.87868 25.317 9.59689 25.4919C9.31509 25.6667 8.97537 25.7225 8.65246 25.6469C8.32955 25.5713 8.04989 25.3705 7.87501 25.0887C6.64608 23.1111 5.99648 20.8284 6.00001 18.5C6.00001 11.5962 11.5963 6 18.5 6C25.4038 6 31 11.5962 31 18.5C31 25.4037 25.4038 31 18.5 31C16.0558 31.0032 13.6647 30.2868 11.625 28.94C11.482 28.8524 11.3581 28.737 11.2607 28.6006C11.1632 28.4642 11.0942 28.3096 11.0577 28.1459C11.0212 27.9823 11.018 27.813 11.0483 27.6481C11.0786 27.4832 11.1418 27.3261 11.234 27.1861C11.3263 27.0461 11.4458 26.9261 11.5854 26.8332C11.725 26.7404 11.8818 26.6765 12.0466 26.6455C12.2113 26.6145 12.3807 26.617 12.5445 26.6527C12.7082 26.6885 12.8632 26.7569 13 26.8537C14.3019 27.7104 15.7859 28.2509 17.3337 28.4321C18.8815 28.6134 20.4503 28.4304 21.9148 27.8977C23.3793 27.3651 24.6991 26.4975 25.7688 25.3642C26.8386 24.2309 27.6286 22.8633 28.0759 21.3705C28.5233 19.8777 28.6155 18.301 28.3454 16.7662C28.0752 15.2314 27.45 13.781 26.5198 12.5307C25.5895 11.2805 24.3799 10.2649 22.9875 9.56504C21.5951 8.86521 20.0584 8.5005 18.5 8.5ZM25.0088 16.2587C25.2365 16.023 25.3624 15.7072 25.3596 15.3795C25.3567 15.0517 25.2253 14.7382 24.9935 14.5065C24.7618 14.2747 24.4482 14.1433 24.1205 14.1404C23.7928 14.1376 23.477 14.2635 23.2413 14.4912L17.25 20.4825L13.7588 16.9912C13.523 16.7635 13.2073 16.6376 12.8795 16.6404C12.5518 16.6433 12.2382 16.7747 12.0065 17.0065C11.7747 17.2382 11.6433 17.5517 11.6404 17.8795C11.6376 18.2072 11.7636 18.523 11.9913 18.7587L16.3663 23.1337C16.6007 23.3681 16.9186 23.4997 17.25 23.4997C17.5815 23.4997 17.8993 23.3681 18.1338 23.1337L25.0088 16.2587Z' fill='%230067AD'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 3rem;
    flex-grow: 0;
    /* 禁止放大 */
    flex-shrink: 0;
    /* 禁止缩小 */
    flex-basis: 50%;
    /* 基础宽度设为 50% */
    box-sizing: border-box;
    line-height: 4rem;
    color: #5b5b5b;
    font-weight: 600;
}

.products .card a span {
    font-size: 14px;
    height: 2.4rem;
    overflow: hidden;
    text-align: center;
    line-height: 1;
    display: block;
}

[id^="section-"] {
    scroll-margin-top: 120px;
}



.navbar-light .navbar-nav .active>.nav-link {
    color: #0067AD;
}

.product-list .dropdown.active {
    background-color: #0067AD;
    color: #fff;
    transition: width 0.3s ease;
}

.Navtitle {
    line-height: normal;
    letter-spacing: 0px;
    background: #0067AD;
}

.Navtitle h2 {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 40px;
    padding-top:10px;
    font-weight: 600;
}

.active>a，.sidebar .widget ul li.active>a,.sidebar .widget ul li .dropdown-subtitle li.active>a,.sidebar .widget ul li .dropdown-subtitle li.active>div>a {
    color: #0067AD;
}

.sidebar .widget ul li .dropdown-subtitle a {
    color: #757575;
}

.sidebar .widget ul li .dropdown-subtitle a.fsize20,
.sidebar .widget ul li .dropdown-subtitle a.fsize18 {
    color: #202020;
}

.Navsubtitle {
    border-bottom: 2px solid #ccc;
    padding-bottom: 12px;
    padding-top: 1rem;
}

.Navsubtitle.active {
    border-color: #0067AD;
}

.dropdown-subtitle {
    margin-left: 2rem;
    font-size: 20px;
    display: none;
}
.dropdown-subtitle.fix01 {
    display: block;
}
.Navsubtitle.active .dropdown-subtitle {
    display: block;
}

.productpromo {
    background: #FAFDFF;
    padding-top: 40px;
}

.productpromo .section-title {
    margin-bottom: 40px;
}

.showshadow {

    box-shadow: -1px 1px 2px 0px #00000019;

}

.gray8 {
    color: #888888;
}

.r-gray {
    border-right: 1px solid #dfdfdf;
}

.rnavtitle {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 15px;
    overflow: hidden;
    color: #757575;
}

.rnavtitle h2 {
    font-size: 20px;
    color: #202020;
	font-weight:500;
}

.rnavtitle .active a {
    color: #0067AD;
}

/* .aboutus .active {
    background-color: #0067AD;
} */

.index-industry.corefeaturs .industry-banner .swiper-pagination-bullets {
    width: 100%;
    flex-direction: row;
    border-right: none;
}

.index-industry.corefeaturs .industry-banner .swiper-pagination-bullet {
    border-top: none;
    border-right: 1px solid rgba(217, 217, 217, 0.4);
    width: 100%;
    justify-content: left;
    transition-duration: 0.5s;
}

.index-industry.corefeaturs .bullet-timer-wrapper {
    margin-left: 25px;
}

.index-industry.corefeaturs .industry-center-text {
    left: 0
}

.index-industry.corefeaturs .industry-banner .swiper-pagination-bullet-active {
    background: none;
    transition-duration: 0.5s;
    justify-content: center;
}

.index-industry.corefeaturs .swiper-pagination-bullet-active .industry-center-text {
    top: 30%;
    width: 100%;
}

.index-industry.corefeaturs .swiper-pagination-bullet .industry-center-text {
    flex-direction: column;
    top: 20%;
}

.index-industry.corefeaturs .industry-banner .swiper-pagination-bullet h3 {
    transition: all 0.5s ease;
}

.blog-item.news {
    background: none;
    box-shadow: 0px 0px 1px 0px #0000003F;


}

.about-area .container.info .more {
    background-color: none;
    border: 1px solid #fff;
}



.about-area .notes {
    display: flex;
    flex-direction: column;
}

.personcard .title {
    color: #0067AD;
    font-size: 24px;
    font-weight: normal;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.personcard {
    margin-bottom: 80px;
}

.navbar-nav .dropdown-menu>li.active>a {
    color: #0067AD
}

.zoom-link {
    display: inline-block;
    /* 必须，否则 transform 对纯 inline 元素效果不好 */
    transition: transform .3s ease;
}

.zoom-link:hover {
    transform: scale(1.05);
}

.property-item:hover a {
    color: #0067AD;
    transform: scale(1.05);
}

.property-item:hover a.nozoom {
    color: #0067AD;
    transform: scale(1);
}


.property-item:hover span.blu {
    color: #0067AD;
}

.property-item:hover .desc {
    color: #0067AD;
}

.property-item:hover .pi-text h5 {
    border-bottom-color: #0067AD;
}

.property-item:hover .pi-pic img {
    transform: scale(1.05);
    transition: 0.5s;
}

.property-item.tuijian:hover .pi-pic img,
.property-item.tuijian:hover a {
    transform: none;
}

.search-block-bar .form-control {
    border-radius: 5px 0px 0px 5px;
    background: #FFFFFF;
    border: 1px solid #C0C0C0;
    height: 2.5rem;
}

.search-block-bar .btn {
    border-radius: 0 5px 5px 0;
}

.search-block-bar .btn .ic-search {
    margin: 0;
    width: 1.2rem;
    height: 1.2rem;
}

.content-type-filter {
    margin-bottom: 20px;
    padding: 15px;
    padding-top: 0;
    border-radius: 8px;
}

.content-type-filter h4 {
    margin-top: 0;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}

.filter-item {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.filter-item input[type="radio"] {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    accent-color: #0067Ad;
    /* 蓝色选中状态 */
}

.filter-item label {
    cursor: pointer;
    font-size: 16px;
    color: #666;
    transition: color 0.3s ease;
}

.filter-item label:hover {
    color: #0067Ad;
}

.filter-item .count {
    font-size: 12px;
    color: #999;
    margin-left: 4px;
}

/* 选中状态样式 */
.filter-item input[type="radio"]:checked+label {
    color: #0067Ad;
    font-weight: bold;
}

.oneline {
    /* 强制文本在一行内显示 */
    white-space: nowrap;
    /* 溢出内容隐藏 */
    overflow: hidden;
    /* 溢出部分用省略号表示 */
    text-overflow: ellipsis;
    /* 确保元素有宽度限制，否则可能无效 */
    display: block;
    width: 100%;
}

.twoline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.threeline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subnav .search-input .form-control {
    height: 50px;
    font-size: 1rem;
}

.sms-code .captcha .btn {
    width: 168px;
    height: 60px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.sms-code .ipt .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.w21 {
    width: 21%;
}

.dropdown-toggle.w21::after {
    position: relative;
    float: right;
    right: 0
}

.dropdown-menu.subnav li.dropdown>a:hover::after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 10.0007L17 3.94306L15.9889 3.00075L10.5 8.11613L5.01113 3.00075L4.00002 3.94306L10.5 10.0007Z' fill='%230067AD'/%3E%3C/svg%3E");
}

.dropdown-toggle.w21::after {
    position: relative;
    float: right;
    right: 0;
	top:3px;
}

.active>.dropdown-toggle.w21::after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 10.0007L17 3.94306L15.9889 3.00075L10.5 8.11613L5.01113 3.00075L4.00002 3.94306L10.5 10.0007Z' fill='%230067AD'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
    /* 根据需要调整间距 */
    border: none;
    position: relative;
    right: 0px;
    color: #0067AD;
    transition: transform 1s ease;
    transform: rotate(0deg);
}

.dropdown-menu.subnav li.active>a {
    color: #0067AD;
}

.dropdown-menu.subnav ul.level3 li.active a {
    color: #0067AD;
}

pre {
    background-color: #ddd;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 2px;
}

.othervideo iframe {
    width: 100%;
    aspect-ratio: 15/9;
    height: auto;
}



.product__details__tab__desc p {
    font-size: 20px;
}

.jetson1_bg1_p {
    padding-bottom: 1rem;
}

.jetson4cards .text-part {
    padding: 10px;
    flex: 0 0 70%;
    max-width: 70%;
}

.jetson1 a.read-more {
    color: #5b5b5b;
    font-weight: normal;
}

.jetson1 .card-content:hover a.read-more {
    color: #0067ad;
    font-weight: normal;
}

.jetson1 a.read-more::after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 9.99999L17 3.94229L15.9889 2.99999L10.5 8.11537L5.01113 2.99999L4.00002 3.94229L10.5 9.99999Z' fill='currentColor'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;

    border: none;

    right: 40px;
    transform: rotate(270deg);
    transition: transform 1s ease;
}

.jetson1 .card-content:hover a.read-more::after {
    content: url("data:image/svg+xml,%3Csvg width='21' height='13' viewBox='0 0 21 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 9.99999L17 3.94229L15.9889 2.99999L10.5 8.11537L5.01113 2.99999L4.00002 3.94229L10.5 9.99999Z' fill='%230067ad'/%3E%3C/svg%3E");

}

.aboutus-right-img {
    min-height: 240px;
}

.property-item .subtitle {
    height: 2rem;
}

.form-group.required::before {
    content: '*';
    color: red;
    position: absolute;
    left: 25px;
    top: 21px;
    /* 根据输入框高度调整 */
    z-index: 10;
    pointer-events: none;
}

.contact.btn {
    width: 316px;
    font-size: 20px;
    border-radius: 32px;
    box-sizing: border-box;
    background: rgba(0, 103, 173, 1);
    margin-top: 42px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
}

.ipt {
    width: 100%;
}
.jetson3_bg1{padding-bottom:5%;}
/* =========================================
   TinyMCE Code Block Styles (Frontend Sync)
   ========================================= */

/* 1. 基础 pre 标签样式 - 模拟 TinyMCE 默认外观 */
.entry-content pre,
.post-content pre {
    /* 布局与尺寸 */
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box; /* 确保 padding 不撑大容器 */
    
    /* 外观 */
    background-color: #f4f4f4; /* TinyMCE 默认浅灰背景 */
    border: 1px solid #e0e0e0; /* 轻微边框 */
    border-radius: 4px;        /* 圆角 */
    padding: 1rem;             /* 内边距 */
    margin: 1rem 0;            /* 上下外边距 */
    
    /* 字体 */
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    
    /* 关键：自适应与换行处理 */
    white-space: pre-wrap;       /* 保留格式但允许自动换行 */
    word-wrap: break-word;       /* 允许长单词换行 */
    word-break: break-all;       /* 强制在任意字符间断行（防止超长字符串溢出） */
    overflow-x: auto;            /* 如果不想强制换行，可改为 auto 以显示滚动条 */
}

/* 2. code 标签样式 - 当它在 pre 内部时 */
.entry-content pre code,
.post-content pre code {
    /* 继承 pre 的字体设置，通常不需要额外背景，除非你希望代码有内嵌背景 */
    background-color: transparent;
    padding: 0;
    border: none;
    color: inherit;
    font-size: inherit;
    white-space: pre-wrap; /* 确保继承换行属性 */
}

/* 3. 行内 code 标签样式 - 当它不在 pre 内部时 (例如 <p>中的 <code>) */
.entry-content p code,
.post-content p code,
.entry-content li code,
.post-content li code {
    background-color: #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 2px 4px;
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 0.9em;
    color: #c7254e; /* TinyMCE/Bootstrap 默认的行内代码红色 */
    white-space: nowrap; /* 行内代码通常不换行 */
}

/* 4. 针对移动端优化 */
@media (max-width: 768px) {
    .entry-content pre,
    .post-content pre {
        font-size: 12px;
        padding: 0.8rem;
    }
}
.main-content code[class*=language-], .main-content  pre[class*=language-]{
    font-size:16px;
}
.main-content iframe{ 
    max-width: 100%;
}
.en .jetson1 h2{
    letter-spacing: 0;
    font-size: 36px;
    
}
.en .jetson1 .jetson1_bg1_p ul>li{
    padding:0 0.1rem;
}
.en .jetson1 .jetson1_bg1_p ul>li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight:400;
}
.en .jetson1 .jetson1_bg1_p>ul>li>ul{
    padding:0 5%;
}
.en .jetsonbtn>p>a{letter-spacing: 0;}
.contactpart.en .section10 h2{letter-spacing: 0;}
.nav-item.en{
    margin-left:0;
}
.en .card-content .cards .desc, .cards .desc p{
    font-size:18px;
}
.en .card-content .cards .desc>ul>li{
    line-height:1.5rem;
    min-height:3rem;
    display: flex; 
    align-items: center;
}
video{max-width:100%; background: #000;}
.f32{font-size:32px;}
.f22{font-size:22px;}
.image63{width:63px; height: 63px;}
.cprofile{margin-top:3rem;}
.internation_bg{
    display: block; background: url("/static/module/index/default/images/internation_bg.jpg") no-repeat; background-size: cover; aspect-ratio: 192/40;
}
.project-area.nobg{background:none;}
.dropdown-toggle{
white-space:normal;}