.certificate-item img, .lxwm-image-wrapper img, .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-li.qiye-li-ri .qiye-pb img {
    object-fit:cover;
    height:100%
}
.hotSolution {
    max-width:280px;
    margin-top:30px
}
.hotSolution img {
    width:100%;
    border-radius:8px
}
.hotSolutionText {
    text-align:center;
    padding:16px 24px;
    width:100%;
    box-sizing:border-box
}
.hotSolutionText h3 {
    color:#2a2b2e;
    font-size:14px;
    font-weight:700;
    line-height:150%
}
.mainCont .hot-solution .hotSolutionText p {
    margin-top:8px;
    color:#6a6b6d;
    font-size:12px;
    font-weight:400;
    line-height:150%;
    background:unset!important;
    padding:0
}
.yls-switcher {
    position:relative;
    display:inline-block;
    height:100%
}
.yls-button {
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:8px;
    font-size:13px;
    font-weight:500;
    cursor:pointer;
    transition:.3s cubic-bezier(.4, 0, .2, 1);
    -webkit-tap-highlight-color:transparent;
    height:100%;
}
.yls-button:hover, .yls-switcher.is-active .yls-button {
    border-color:#007aff;
    color:#007aff
}
.hadbox-sec1:hover .hadbox2 .yls-button, .hadbox2 .yls-button {
    color:#007aff
}
.yls-button .yls-icon {
    stroke:currentColor;
    transition:transform .3s cubic-bezier(.4, 0, .2, 1)
}
.yls-menu {
    position:absolute;
    top:calc(100% + 0px);
    text-align:center;
    right:0;
    z-index:100;
    width:100px;
    padding:8px;
    margin:0;
    list-style:none;
    background-color:#fff;
    border:1px solid #e5e7eb;
    border-radius:10px;
    box-shadow:0 10px 25px -5px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px) scale(.95);
    transition:opacity .2s ease-in-out, transform .2s ease-in-out, visibility .2s
}
.yls-menu li a {
    display:block;
    font-size:15px;
    font-weight:600;
    color:#4b5563;
    text-decoration:none;
    border-radius:6px;
    transition:background-color .2s, color .2s;
    height:35px;
    line-height:35px;
    padding:0 5px
}
.yls-menu li a:hover {
    background-color:#f3f4f6;
    color:#007aff
}
.yls-menu li {
    padding:5px 7px
}
.yls-switcher.is-active .yls-menu {
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1)
}
.yls-switcher.is-active .yls-arrow {
    transform:rotate(180deg)
}
.qiye-culture-module {
    padding-top:0
}
.qiye-culture-module div, .qiye-culture-module h1, .qiye-culture-module h3, .qiye-culture-module p {
    margin:0;
    padding:0;
    box-sizing:border-box
}
.qiye-culture-module img {
    max-width:100%;
    height:auto;
    box-sizing:border-box;
    border:0;
    vertical-align:middle
}
.qiye-culture-module p {
    text-align:justify;
    color:rgba(77, 77, 89, .6);
    line-height:24px;
    font-size:15px
}
.qiye-culture-module .qiye-about-box3 {
    padding:min(5.729166666666666vw, 110px) 0 min(7.291666666666667vw, 140px);
    overflow:hidden;
    position:relative;
    z-index:1
}
.qiye-culture-module .qiye-content {
    max-width:1260px;
    width:95%;
    margin:0 auto
}
.qiye-culture-module .qiye-wrap-box {
    overflow:hidden;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.qiye-culture-module .qiye-wrap-box .qiye-le {
    width:32%;
    padding-right:20px;
    display:flex;
    flex-wrap:wrap
}
.qiye-culture-module .qiye-wrap-box .qiye-ri {
    width:65%
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-le-box, .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-li.qiye-li-le {
    display:flex;
    flex-wrap:wrap;
    align-content:space-between
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list {
    margin-left:-8px;
    margin-right:-8px;
    display:flex;
    flex-wrap:wrap
}
.qiye-culture-module .qiye-page-title {
    display:flex;
    justify-content:space-between;
    position:relative
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-page-title, .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item {
    width:100%
}
.qiye-culture-module .qiye-animated {
    -webkit-animation-duration:1.2s;
    animation-duration:1.2s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.qiye-culture-module .qiye-fadeInUp {
    -webkit-animation-name:qiye-fadeInUp;
    animation-name:qiye-fadeInUp
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-li {
    width:50%;
    padding:0 8px
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item {
    position:relative;
    padding-left:102px;
    min-height:68px
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item+.qiye-item {
    margin-top:min(2.4479166666666665vw, 47px)
}
.qiye-culture-module .qiye-page-title h1 {
    font-size:36px;
    color:#000;
    line-height:1.4;
    font-weight:700
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item .qiye-ico {
    max-width:73px;
    position:absolute;
    top:0;
    left:0
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-img {
    width:100%;
    position:relative;
    overflow:hidden;
    border-radius:12px
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-img::before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background:linear-gradient(0deg, #f39800 0, transparent 60%)
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item h3 {
    font-size:22px;
    color:#000;
    line-height:1.4;
    margin-bottom:6px
}
.qiye-culture-module .qiye-no_margin {
    margin-bottom:0!important
}
.qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item p {
    font-size:16px;
    color:#747e82;
    line-height:24px
}
.qiye-culture-module .qiye-pb {
    width:100%;
    height:0;
    padding-bottom:100%;
    position:relative
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-li.qiye-li-le .qiye-pb {
    padding-bottom:65.5%
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-text {
    position:absolute;
    left:0;
    bottom:0;
    margin-bottom:min(1.7708333333333333vw, 34px);
    padding:0 min(1.40625vw, 27px);
    width:100%;
    z-index:2
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-li.qiye-li-ri .qiye-pb {
    padding-bottom:134%
}
.qiye-culture-module .qiye-ab {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    font-size:0;
    text-align:center
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-text h3 {
    font-size:18px;
    color:#fff;
    line-height:1.4;
    margin-bottom:min(.3125vw, 6px)
}
.qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-text p {
    font-size:16px;
    color:#fff;
    line-height:24px;
    opacity:.8
}
@keyframes qiye-fadeInUp {
    0% {
        opacity:0;
        transform:translateY(50px)
    }
    100% {
        opacity:1;
        transform:translateY(0)
    }
}
.qiye-culture-module #style-dR6VI.style-dR6VI, .qiye-culture-module #style-oYcw5.style-oYcw5 {
    animation-delay:.2s;
    visibility:visible;
    animation-name:qiye-fadeInUp
}
.qiye-culture-module #style-Ab1Zy.style-Ab1Zy {
    animation-delay:.4s;
    visibility:visible;
    animation-name:qiye-fadeInUp
}
.qiye-culture-module #style-YWo5j.style-YWo5j {
    background-image:url({$styleUrl}
image/qiye/about-box3-ri-img3.jpg)
}
@media (max-width:1024px) {
    .qiye-culture-module .qiye-wrap-box {
        flex-direction:column;
        align-items:center
    }
    .qiye-culture-module .qiye-wrap-box .qiye-le, .qiye-culture-module .qiye-wrap-box .qiye-le .qiye-le-box, .qiye-culture-module .qiye-wrap-box .qiye-ri {
        width:100%
    }
    .qiye-culture-module .qiye-wrap-box .qiye-le {
        padding-right:0;
        margin-bottom:50px
    }
}
@media (max-width:767px) {
    .qiye-culture-module {
        padding-top:0
    }
    .qiye-culture-module .qiye-page-title h1 {
        font-size:28px
    }
    .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list {
        flex-direction:column;
        margin-left:0;
        margin-right:0;
        gap:20px
    }
    .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-li {
        width:100%;
        padding:0
    }
    .qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item {
        padding-left:90px;
        min-height:auto
    }
    .qiye-culture-module .qiye-wrap-box .qiye-le .qiye-list .qiye-item .qiye-ico {
        max-width:65px
    }
    .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-text h3 {
        font-size:16px
    }
    .qiye-culture-module .qiye-wrap-box .qiye-ri .qiye-list .qiye-item .qiye-text p {
        font-size:14px
    }
    .rd2 h2 {
        top:85px;
    }
    .yt_article_header_text{
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .yt_pingpai_banner_content p {
        margin: 0;
        display: none;
    }
    .yt_cp_item1_btn,.yt_cp_item1_banner p,.yt_fnnr_banner_content p,.yt_fnnr_banner_nav,.yt_cpdl_banner p,.yt_article_header_text.yt_article_noe div{
        display: none;
    }
    .yt_pingpai_banner_content h1,.yt_cp_item1_banner h1,.yt_fnnr_banner_content h1,.yt_cpdl_banner h1,.yt_article_header_text.yt_article_noe h1{
        font-size: 28px;
    }
    .yt_fnnr_banner_content{
        width: 100%;
    }
    .yt_cp_item1_banner,.yt_fnnr_banner_content{
        text-align: center;
    }
    .rd3 .rd3_box .item h4{
        width: 100%;
        margin: 15px auto;
    }
    
    /* 针对表格容器的样式 */
    .spec-table tr {
        width: 100%;
        overflow-x: auto;
        /* 允许横向滚动 */
        -webkit-overflow-scrolling: touch;
        /* 在iOS上平滑滚动 */
    }
    .spec-table tr td {
        word-break: break-word;
        white-space: normal;
    }
    .yt_article_header {
        padding-top: 0;
    }
}
/* PC端和基础样式 - 保持不变 */
 .certificate-wall {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    text-align: center;
}
.certificate-wall h2 {
    font-size: 2em;
    margin-bottom: 40px;
    color: #2c3e50;
    position: relative;
    display: inline-block;
}
.certificate-wall h2::after {
    content:'';
    display: block;
    width: 60%;
    height: 3px;
    background-color: #3498db;
    margin: 8px auto 0;
}
.certificate-grid {
    display: grid;
    /* 默认值可以保留，但会被特定类覆盖 */
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}
.certificate-item {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
    overflow: hidden;
    transition: transform .3s, box-shadow .3s;
}
.certificate-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}
.certificate-item img {
    width: 100%;
    height: 100%;
    /* 确保图片填满容器 */
    object-fit: cover;
    /* 保持图片比例，裁剪多余部分 */
    display: block;
    background-color: #eee;
}
/* PC端不同列数的样式 - 保持不变 */
 .certificate-grid.certificate-item-1 {
    grid-template-columns: repeat(1, 1fr);
}
.certificate-grid.certificate-item-2 {
    grid-template-columns: repeat(2, 1fr);
}
.certificate-grid.certificate-item-3 {
    grid-template-columns: repeat(3, 1fr);
}
.certificate-grid.certificate-item-4 {
    grid-template-columns: repeat(4, 1fr);
}
.certificate-grid.certificate-item-5 {
    grid-template-columns: repeat(5, 1fr);
}
.certificate-grid.certificate-item-6 {
    grid-template-columns: repeat(6, 1fr);
}
/* --- 修改部分：响应式样式 --- */

/* 当屏幕宽度小于等于 992px 时 (覆盖平板和手机) */
 @media (max-width: 992px) {
    .certificate-grid {
        /* 统一设置为两列 */
        grid-template-columns: repeat(2, 1fr) !important;
        /* 使用 !important 确保覆盖所有 PC 端特定列数设置 */
    }
    .zss > div:first-child, .zss > div:last-child {
        display: none;
    }
}
/* 当屏幕宽度小于等于 576px 时 (覆盖小手机) */
 @media (max-width: 576px) {
    .certificate-wall {
        /* 仅调整边距，不再修改列数 */
        padding: 10px;
    }
    .certificate-grid {
        gap: 15px;
        /* 在小屏幕上可以适当减小间距 */
    }
    .certificate-grid .certificate-item-4 > div:first-child, .certificate-grid .certificate-item-4 > div:last-child {
        display: none;
    }
}
.yt_cplb_category_label {
    flex:0 0 5%;
    box-sizing:border-box;
    padding-right:10px
}
.yt_cplb_category_items, .yt_cplb_subcategory_items {
    flex:1;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    overflow:auto
}
.yt_cplb_category_item, .yt_cplb_subcategory_item {
    white-space:nowrap;
    padding:5px 10px;
    background:#f5f5f5;
    border-radius:4px
}
.yt_cplb_category_item a, .yt_cplb_subcategory_item a {
    text-decoration:none;
    color:inherit
}
.yt_cplb_category, .yt_cplb_subcategory {
    display:flex;
    margin:10px 0;
    padding:15px 0;
    border-bottom:1px solid #eee
}
.yt_cplb_subcategory_label {
    flex:0 0 5%;
    box-sizing:border-box;
    padding-right:10px;
    white-space:nowrap
}
/*.hadbox .hadbox-sec1,.yt_cp_tabs{background-color:#fff}*/

/*.hadbox-sec1{border-bottom:1px solid rgba(255,255,255,.2)}*/

/*.hadbox .hadbox-sec1,.hadbox .hadbox-sec1 .gt .lange,.hadbox .hadbox-sec1 .lt{border-color:#f1f1f1}*/

/*.hadbox .hadbox-sec1 .f_navbox li .tit i img:first-child,.hadbox .hadbox-sec1 .lt .logo img:first-child,.hadbox .hadbox-sec1 .lt .logo svg:first-child{display:none}*/

/*.hadbox .hadbox-sec1 .f_navbox li .tit i img:nth-child(2),.hadbox .hadbox-sec1 .lt .logo img:nth-child(2),.hadbox .hadbox-sec1 .lt .logo svg:nth-child(2){display:block}*/

/*.hadbox .hadbox-sec1 .lt .text{color:#999;opacity:1}*/

/*.hadbox .hadbox-sec1 .lt .text a,.hadbox.hadbox2 .hadbox-sec1 .lt .text a{color:#999}*/

/*.hadbox .hadbox-sec1 .lt .text a{color:#004896}*/

/*.hadbox .hadbox-sec1 .f_navbox li .tit{color:#333}*/

/*.hadbox .hadbox-sec1 .gt .lange .tit span{opacity:1;color:#333}*/

/*.hadbox .hadbox-sec1 .gt .lange .tit b img path,.hadbox .hadbox-sec1 .gt .lange .tit b svg path,.hadbox .hadbox-sec1 .gt .lange .tit i img path,.hadbox .hadbox-sec1 .gt .lange .tit i svg path{fill:#333}*/

/*.hadbox .hadbox-sec1 .gt .lange .tit b svg path{fill:#7f7f7f}*/

/*.hadbox .hadbox-sec1 .gt .qie span{background-color:#666}*/
 .yt_cp_tab-content table {
    width:100%;
    border-collapse:collapse;
    margin:30px 0
}
.yt_cp_tab-content td {
    color:#19191a;
    font-size:15px;
    width:25%
}
.yt_cp_tab-content td, .yt_cp_tab-content th {
    border:1px solid #ffffff26!important;
    padding:15px;
    text-align:left
}
.yt_cp_tab-content th {
    background:rgba(64, 128, 255, .06)
}
.yt_cp_tab-content tr:nth-child(odd) {
    background:rgb(64 128 255 / 10%)
}
.pro-tip-ul li {
    color:#999;
    line-height:30px
}
.pro-tip-ul {
    margin:60px 0
}
.yt_cp_tabs {
    position:sticky;
    top:70px;
    z-index:5
}
.resources-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #e5e7eb;
    padding-bottom:12px;
    margin-bottom:24px;
    margin-top:20px
}
.resources-header h2 {
    font-size:20px;
    font-weight:600;
    margin:0;
    color:#111827;
    border:none
}
.resources-header .view-more-link {
    font-size:14px;
    color:#2563eb;
    text-decoration:none;
    font-weight:500
}
.resources-header .view-more-link:hover {
    text-decoration:underline
}
.resource-item:hover {
    background-color:#f1f3f5;
    box-shadow:0 15px 15px -10px rgba(0, 0, 0, .15)
}
.fu-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.fu-title a {
    color: #f39800;
}
.fu-title h2 {
    margin: 0;
    padding: 0;
    padding-left: 0.7em;
    line-height: 1;
}
.fu-title p {
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 1;
    font-size: 13px;
}
.fu-p-dtit {
    color: #19191a;
    font-size: 15px;
    font-weight: 600;
}
.yt_cp_ccimg {
    text-align: center;
}
.this_meta_product_model {
    background-color:#f2f2f2;
    border:1px solid #19191a
}
.yt_qa_sidebar {
    position:relative
}
.yt_qa_menu {
    position:sticky;
    top:100px;
    max-height:calc(100vh - 40px);
    overflow-y:auto
}
.yt_qa_submenu a.active {
    color:#e74c3c;
    font-weight:700
}
.yt_qa_submenu a {
    transition:color .3s;
    display:block;
    padding:5px 0;
    text-decoration:none
}
.yt_qa_submenu a:hover {
    color:#e74c3c
}
@media (max-width:768px) {
    .yls-arrow, .yls-menu {
        display:none!important
    }
    .yt_qa_menu {
        position:relative;
        top:0
    }
    .yt_qa_container {
        flex-direction:column
    }
    .yt_qa_sidebar {
        width:100%;
        margin-bottom:20px
    }
    .pc-title {
        display:none;
    }
    .banner_info .img img {
        height: 300px;
    }
}
.yt_qa_container {
    display:flex;
    gap:30px
}
.yt_qa_sidebar {
    flex:0 0 250px
}
.yt_qa_content {
    flex:1
}
.lxwm-contact-section {
    width:100%;
    overflow-x:hidden
}
.lxwm-header {
    text-align:center;
    padding:80px 20px;
    background-color:#fff
}
.lxwm-title {
    font-size:36px;
    color:#222;
    margin-bottom:20px;
    font-weight:600
}
.lxwm-subtitle {
    font-size:15px;
    color:#666;
    max-width:500px;
    margin:0 auto
}
.lxwm-main-content {
    display:flex;
    flex-wrap:wrap;
    background-color:#f9f9f9
}
.lxwm-image-wrapper {
    flex:1 1 50%;
    min-width:320px
}
.lxwm-image-wrapper img {
    width:100%;
    display:block
}
.lxwm-info-wrapper {
    flex:1 1 50%;
    min-width:320px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:80px 40px;
    position:relative;
    overflow:hidden;
    box-sizing:border-box
}
.lxwm-info-wrapper::after, .lxwm-info-wrapper::before {
    content:'';
    position:absolute;
    border:1px solid #e9e9e9;
    border-radius:50%;
    z-index:0
}
.lxwm-info-wrapper::before {
    width:450px;
    height:450px;
    top:-100px;
    right:-150px
}
.lxwm-info-wrapper::after {
    width:600px;
    height:600px;
    bottom:-250px;
    right:-200px
}
.lxwm-info-box {
    position:relative;
    z-index:1;
    width:100%;
    max-width:450px
}
.lxwm-company-name {
    font-size:24px;
    color:#222;
    margin-bottom:30px;
    font-weight:600
}
.lxwm-info-item {
    font-size:15px;
    color:#555;
    margin-bottom:15px
}
.lxwm-info-item:last-child {
    margin-bottom:0
}
.lxwm-map-section {
    padding:80px 0 0;
    background-color:#fff;
    text-align:center
}
.lxwm-map-container {
    max-width:100%;
    margin:0 auto
}
.lxwm-map-title {
    font-size:32px;
    color:#222;
    margin-bottom:20px;
    font-weight:600
}
.lxwm-map-description {
    font-size:15px;
    color:#666;
    margin-bottom:40px;
    max-width:600px;
    margin-left:auto;
    margin-right:auto
}
.lxwm-map-image-wrapper {
    overflow:hidden;
    width:100%
}
.lxwm-map-image {
    display:block;
    width:100%;
    height:auto
}
@media (max-width:992px) {
    .lxwm-image-wrapper, .lxwm-info-wrapper {
        flex-basis:100%
    }
    .lxwm-header, .lxwm-map-section {
        padding:50px 20px
    }
    .lxwm-title {
        font-size:30px
    }
    .lxwm-subtitle {
        font-size:14px
    }
    .lxwm-info-wrapper {
        padding:50px 25px;
        text-align:left
    }
    .lxwm-company-name {
        font-size:22px
    }
    .lxwm-map-title {
        font-size:28px
    }
    .lxwm-map-description {
        margin-bottom:30px
    }
}
.case-item-link {
    position:relative;
    display:block;
    text-decoration:none;
    color:inherit;
    overflow:hidden
}
.case-item-link::after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1;
    width:55px;
    height:55px;
    background-color:rgba(0, 0, 0, .6);
    border-radius:50%;
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M8 5v14l11-7z"/></svg>');
    background-repeat:no-repeat;
    background-position:center;
    background-size:45%;
    cursor:pointer;
    transition:.2s ease-in-out;
    opacity:.8
}
.case-item-link:hover::after {
    opacity:1;
    background-color:#f39800
}
.case-item-link img {
    display:block;
    width:100%;
    transition:transform .3s;
    height:180px;
    border-radius:8px
}
.case-item-link h3 {
    margin:10px 0
}
.tags-container {
    margin-top:10px
}
.resources-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
    gap:16px
}
.resource-item {
    display:flex;
    align-items:flex-start;
    padding:20px;
    background-color:#f1f3f5;
    border-radius:8px;
    text-decoration:none;
    color:#333;
    transition:.3s;
    min-height:60px
}
.resource-item .icon {
    flex-shrink:0;
    margin-right:12px;
    width:24px;
    height:24px;
    color:#4b5563
}
.resource-item .text-content {
    font-size:15px;
    line-height:1.5;
    margin-left:5px
}
.badge-new {
    color:#16a34a;
    font-weight:600;
    font-size:14px;
    margin-left:8px
}
@media (max-width:640px) {
    .resources-grid {
        grid-template-columns:1fr
    }
    .resources-header h2 {
        font-size:18px
    }
    .resources-header .view-more-link {
        font-size:13px
    }
    .resource-item .text-content {
        font-size:14px
    }
}
/* 当菜单打开时，禁止body滚动 */
 body.menu-open {
    overflow: hidden;
}
.menu-box {
    padding: 0.25rem 0.3rem;
}
.menu-sbtn {
    position: relative;
    width: 20px;
    height: 15px;
    cursor: pointer;
    margin-top: 5px;
}
.menu-sbtn i {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #f39800;
    border-radius: 3px;
    left: 0;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menu-sbtn i:nth-child(1) {
    top: 0;
}
.menu-sbtn i:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}
.menu-sbtn i:nth-child(3) {
    bottom: 0;
}
/* 按钮激活时的 "X" 效果 (无需修改) */
 .menu-sbtn.active i:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.menu-sbtn.active i:nth-child(2) {
    opacity: 0;
}
.menu-sbtn.active i:nth-child(3) {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
/* --- 菜单内容容器 (默认隐藏) --- */
 .menu-xl-container {
    position: fixed;
    /* 
               保持 top: 0; 因为你的 JS 会动态计算并设置正确的 top 值。
               如果这里改为 bottom: 0; 会与 JS 中的 style.top 冲突。
            */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    overflow: hidden;
    /* 
               【核心修改】
               默认向下移出屏幕外 (从 -100% 改为 100%)
            */
    transform: translateY(100%);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
/* 激活时，滑入屏幕 (无需修改) */
 .menu-xl-container.active {
    transform: translateY(0);
}
/* --- 主内容区域 --- */
 .menu-xl-split-section {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    display: flex;
    overflow: hidden;
}
.menu-xl-panel {
    box-sizing: border-box;
    padding: 5vw 8vw;
    height: 100%;
}
.menu-xl-content-wrapper {
    width: 100%;
    max-width: 500px;
}
/* --- 左侧面板内容样式 --- */
 .menu-xl-left-panel {
    width: 60%;
    z-index: 2;
}
.menu-xl-title {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.4;
    color: #333;
}
.menu-xl-hotline-section {
    margin: 20px 0;
}
.menu-xl-hotline-label {
    font-size: 14px;
    color: #888;
    margin: 0;
}
.menu-xl-hotline-number {
    font-size: 38px;
    font-weight: 700;
    color: #f39800;
    letter-spacing: 1px;
}
.menu-xl-qr-section {
    margin: 40px 0 20px;
}
.menu-xl-qr-description {
    font-size: 14px;
    color: #666;
    margin-bottom: 16px;
}
.menu-xl-qr-image {
    width: 120px;
    height: 120px;
    display: block;
}
.menu-xl-contact-details {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 13px 10px;
    font-size: 14px;
    margin: 0;
}
.menu-xl-contact-term {
    color: #888;
}
.menu-xl-contact-definition {
    margin: 0;
    color: #333;
}
/* --- 右侧面板内容样式 --- */
 .menu-xl-right-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(rgba(5, 10, 25, 0.4), rgba(5, 10, 25, 0.25)), url('https://www.wintoptec.com/zb_users/upload/2025/07/202507231753254292706547.jpg');
    background-size: cover;
    background-position: center bottom;
    clip-path: polygon(62% 100%, 100% 100%, 100% 0, 40% 0);
    color: #ffffff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.menu-xl-stats-label, .menu-xl-stats-description {
    font-size: 25px;
    font-weight: 300;
    opacity: 0.9;
    margin: 0;
}
.menu-xl-stats-number {
    font-size: 80px;
    font-weight: 300;
    letter-spacing: 2px;
}
/* --- 响应式设计 --- */
 @media (max-width: 1024px) {
    .menu-xl-split-section {
        flex-direction: column;
    }
    .menu-xl-left-panel {
        width: 100%;
        z-index: 1;
        height: auto;
    }
    .menu-xl-right-panel {
        position: relative;
        clip-path: none;
        width: 100%;
        min-height: 50vh;
        justify-content: center;
    }
    .menu-xl-right-panel .menu-xl-content-wrapper {
        padding: 0 5vw;
    }
    .menu-xl-title {
        font-size: 32px;
    }
    .menu-xl-hotline-number {
        font-size: 32px;
    }
    .menu-xl-stats-number {
        font-size: 64px;
    }
}
@media (max-width: 768px) {
    .menu-xl-panel {
        padding: 12vw 8vw;
    }
    .menu-xl-contact-details {
        grid-template-columns: 1fr;
        gap: 4px 0;
    }
    .menu-xl-contact-term {
        font-weight: 600;
        margin-top: 13px;
    }
    .menu-xl-stats-number {
        font-size: 52px;
    }
}
/*list-jieshao*/
 .qywh-zs .btn-go, .qywh-zs .text-center {
    text-align:center
}
.qywh-zs .btn-go, .qywh-zs .honor-item {
    position:relative;
    box-sizing:border-box
}
.qywh-zs .btn-go i, .qywh-zs .btn-go:after, .qywh-zs .honor-item:before {
    top:0;
    right:0;
    bottom:0;
    left:0
}
.qywh-zs .btn-go>span, .qywh-zs .btn-more span {
    display:inline-block;
    vertical-align:top;
    transition:transform .3s
}
.qywh-zs {
    font-family:"HarmonyOS Sans", sans-serif;
    line-height:1
}
.qywh-zs .comm-wrap {
    max-width:1320px;
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
.qywh-zs .black27 {
    color:#272727
}
.qywh-zs .lts-30 {
    letter-spacing:.03em
}
.qywh-zs ul {
    font:inherit;
    font-family:"HarmonyOS Sans", sans-serif;
    list-style:none;
    padding:0;
    margin:0
}
.qywh-zs .list {
    font-size:0
}
.qywh-zs .list-default {
    margin-right:-15px;
    margin-left:-15px
}
.qywh-zs .list>li {
    display:inline-block;
    vertical-align:top
}
.qywh-zs a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    font-family:"HarmonyOS Sans", sans-serif;
    text-decoration:none
}
.qywh-zs .list-item {
    margin-right:15px;
    margin-left:15px
}
.qywh-zs .gray {
    color:#828282
}
.qywh-zs .icon-gobottom:before {
    content:""
}
.qywh-zs[class*=" icon-"], .qywh-zs[class^=icon-] {
    speak:never;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family:icomoon!important;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1
}
.qywh-zs .fz-36 {
    font-size:28px
}
.qywh-zs .mt-120 {
    margin-top:60px
}
.qywh-zs .mt-40 {
    margin-top:30px
}
.qywh-zs .mt-60 {
    margin-top:40px
}
.qywh-zs .fz-20 {
    font-size:18px
}
.qywh-zs .fz-16 {
    font-size:16px
}
.qywh-zs .fz-14 {
    font-size:14px
}
.qywh-zs .fz-12 {
    font-size:12px
}
.qywh-zs .mt-10 {
    margin-top:10px
}
.qywh-zs .list-5>li {
    width:50%
}
.qywh-zs .honor-item {
    display:block;
    border-radius:6px;
    transition:background .3s;
    padding:25px 20px;
    height:200px
}
.qywh-zs .btn-go, .qywh-zs .list-honor-box.is-expanded .list-honor>li {
    display:inline-block
}
@media (min-width:768px) {
    .qywh-zs .fz-36 {
        font-size:32px
    }
    .qywh-zs .mt-120 {
        margin-top:100px
    }
    .qywh-zs .mt-40 {
        margin-top:40px
    }
    .qywh-zs .mt-60 {
        margin-top:60px
    }
    .qywh-zs .fz-20 {
        font-size:20px
    }
    .qywh-zs .list-5>li {
        width:33.333%
    }
    .qywh-zs .honor-item {
        padding:30px;
        height:220px
    }
}
.qywh-zs .honor-item:before {
    content:"";
    position:absolute;
    border:1px solid #646464;
    border-radius:6px;
    transition:.3s
}
.qywh-zs .honor-item__title {
    line-height:1.4
}
.qywh-zs .honor-item__more {
    position:absolute;
    left:20px;
    bottom:25px;
    opacity:0;
    transition:opacity .3s
}
.qywh-zs .ico-honor {
    position:absolute;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    color:#ffebbe;
    transition:color .3s;
    opacity: 0.5;
}
@media (min-width:1200px) {
    .qywh-zs .fz-36 {
        font-size:36px
    }
    .qywh-zs .mt-120 {
        margin-top:120px
    }
    .qywh-zs .list-5>li {
        width:20%
    }
    .qywh-zs .honor-item {
        padding:25px;
        height:220px
    }
    .qywh-zs .honor-item__more {
        left:30px;
        bottom:40px
    }
    .qywh-zs .ico-honor {
        width:80px;
        height:80px
    }
}
.qywh-zs .list-honor>li {
    margin-bottom:30px
}
/*.qywh-zs .list-honor-box.is-expanded .text-center, .qywh-zs .list-honor>li:nth-of-type(n+11) {*/
/*    display:none*/
/*}*/
.qywh-zs .btn-go {
    z-index:1;
    vertical-align:top;
    width:148px;
    line-height:48px;
    border-radius:6px;
    cursor:pointer;
    overflow:hidden;
    transition:color .3s
}
.qywh-zs .list-honor-box .btn-go::before {
    content:"展开更多"
}
.qywh-zs .btn-go:after {
    content:"";
    z-index:-1;
    position:absolute;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .3s ease-out
}
.qywh-zs .btn-go.black27:after {
    background-color:#272727
}
.qywh-zs .btn-go>span {
    line-height:48px;
    margin-left:.5em
}
.qywh-zs .btn-go i {
    position:absolute;
    border-width:1px;
    border-radius:6px;
    border-style:solid
}
.qywh-zs .btn-go.black27 i {
    border-color:#272727
}
@media (any-hover:hover) {
    .qywh-zs .btn-go.black27:hover {
        border-color:transparent;
        color:#fff
    }
    .qywh-zs .btn-go:hover:after {
        transform:scaleX(1)
    }
    .qywh-zs .honor-item:hover {
        background-color:#ffebbe
    }
    .qywh-zs .honor-item:hover:before {
        visibility:hidden;
        opacity:0
    }
    .qywh-zs .btn-go:hover>span {
        transform:translateX(4px)
    }
    .qywh-zs .btn-go.more:hover>span {
        transform:none
    }
    .qywh-zs .honor-item:hover .honor-item__more {
        opacity:1
    }
    .qywh-zs .honor-item:hover .ico-honor {
        color:#ffd98d
    }
}
/* 让列表项看起来像可以点击的 */
 .list-honor > li {
    cursor: pointer;
}
/*list-jieshoa*/

/*首页轮播*/
/* 在你的 CSS 文件中添加 */
@media (max-width: 1199px) {
    .bannerbox .fz_cont .item .fz_img {
        height: 65vh; /* 高度为视口高度的80% */
        width: 100%;
        object-fit: cover; /* 防止图片被拉伸变形 */
    }
}

/*首页轮播*/


/*liebiao*/
/* --- 全局和基础样式 --- */
:root {
    --jjff-primary-color: #3a86ff;
    --jjff-card-bg: #f8f9fa;
    --jjff-text-dark: #333;
    --jjff-text-light: #6c757d;
    --jjff-card-radius: 16px;
    --jjff-gap: 20px;
}



/* --- 主容器 --- */
.jjff-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--jjff-gap);
    width: 100%;
    max-width: 1400px;
}

/* --- 卡片通用样式 --- */
.jjff-card {
    background-color: var(--jjff-card-bg);
    border-radius: var(--jjff-card-radius);

    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.jjff-card:hover {
    transform: translateY(-5px);

}

/* --- 图片区域 --- */
.jjff-card__image-wrapper {
    position: relative;
    width: 100%;
    height: 320px;
}

.jjff-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jjff-card__tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: #f39800;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

/* --- 图片上的覆盖文字 (大卡片) --- */
.jjff-card__overlay-text {
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}

.jjff-card__overlay-title {
    font-size: 32px;
    margin: 0 0 5px 0;
    font-weight: bold;
}

.jjff-card__overlay-subtitle {
    font-size: 16px;
    margin: 0;
    font-weight: 300;
}

/* --- 内容区域 (大卡片) --- */
.jjff-card__content {
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
}

.jjf-bfg {
    background: linear-gradient(
      to top,
      rgb(248 249 250) 30%,              
      rgb(248 249 250 / 93%) 50%,      
      rgb(248 249 250 / 79%) 65%,
      rgba(248, 249, 250, 0) 100%       
    );
    height: 100px;
    position: absolute;
    width: 100%;
    left: 0;
    top: -25%;
}

.jjff-card__title {
    font-size: 20px;
    color: var(--jjff-text-dark);
    margin: 0 0 10px 0;
    font-weight: 600;
    z-index: 1;
}

.jjff-card__details {
    color: var(--jjff-text-light);
    font-size: 14px;
    line-height: 1.6;
    flex-grow: 1;
    margin-bottom: 20px;
}

.jjff-card__details p {
    margin: 0;
}

.jjff-card__links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  
    font-size: 14px;
 
}

.jjff-card__links a {
    color: #6c757d;
}

.jjff-card__links a:hover {
    color: #f39800;
    transition: all .3s ease;
}

/* --- 右侧列容器 --- */
.jjff-right-column {
    display: flex;
    flex-direction: column;
    gap: var(--jjff-gap);
}

/* --- 小卡片特定样式 --- */
.jjff-card--small {
    position: relative;
    flex-grow: 1;
    min-height: 280px; /* 增加高度以容纳子链接 */
    display: flex;
    flex-direction: column;
}

/* 小卡片的主链接区域 */
.jjff-card__main-link {
    position: relative;
    display: block;
    flex: 1;
    min-height: 200px;
    text-decoration: none;
    overflow: hidden;
}

.jjff-card--small .jjff-card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.jjff-card--small .jjff-card__tag {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
}
.jjff-card__main{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;  
    z-index: 2;
}

.jjff-card__overlay-content {
    padding: 40px 20px 0px 20px;
    color: white;
}    

.jjff-card__overlay-title-small {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

/* 小卡片的子链接区域 */
.jjff-card__sub-links {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.jjff-card__sub-link {
    font-size: 14px;
    color: #c4c4c4;
    text-decoration: none;
    transition: background-color 0.2s ease;
    display: block;
}

.jjff-card__sub-link:hover{
    color: #f39800;
    transition: all .3s ease;
}


/* --- 响应式布局 --- */

/* 平板 (例如: <= 1024px) */
@media (max-width: 1024px) {
    .jjff-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .jjff-right-column {
        grid-column: 1 / -1;
        flex-direction: row;
    }
    .jjff-card--small {
        width: 50%;
    }
    
    /* 平板上子链接调整为2列 */
    .jjff-card__sub-links {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    
    .jjff-card__sub-link {
        font-size: 11px;
        padding: 6px 4px;
    }
}

/* 手机 (例如: <= 768px) */
@media (max-width: 768px) {
    body {
        padding: 10px;
    }
    .jjff-container {
        display: flex;
        flex-direction: column;
    }
    .jjff-right-column {
        flex-direction: column;
    }
    .jjff-card--small {
        width: 100%;
        min-height: 500px;
    }
    
    /* 手机上恢复3列布局但字体更小 */
    .jjff-card__sub-links {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px;
        padding: 12px;
        background:#f8f9fa;
    }
    
    .jjff-card__sub-links a{
        color: #6c757d;
    }
    .jjff-card__overlay-content{
        background: linear-gradient(to top, rgb(248 249 250) 30%, rgb(248 249 250 / 93%) 50%, rgb(248 249 250 / 79%) 65%, rgba(248, 249, 250, 0) 100%);
        padding: 40px 20px 20px 20px;
        margin-bottom:-1px;
    }
    .jjff-card__overlay-content h4{
        color: #757b8d;
    }
    
    
    
    .jjff-card__sub-link {
        font-size: 14px;
        padding: 6px 3px;
    }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {
    .jjff-card__sub-links {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px;
    }
    
    .jjff-card__sub-link {
        font-size: 14px;
        text-align: left;
        padding: 8px 10px;
    }
}


/* 3. 单行省略号 */
.jjff-card__overlay-title-small {

}

/*liebiao*/

/*index*/
@keyframes trackBallSlide {
    0% {
        opacity: 1;
        transform: scaleY(1) translateY(-10px);
    }

    45% {
        opacity: 0;
        transform: scaleY(.5) translateY(13px);
    }
}
@keyframes nudgeMouse {
    0% {
        transform: translateY(0);
    }

    45% {
        transform: translateY(8px);
    }

    100%,
    65% {
        transform: translateY(0);
    }
}
@keyframes mouse-scroll-btn-roll-out {
    0% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -120;
    }
}

@keyframes mouse-scroll-btn-roll-over {
    0% {
        stroke-dashoffset: 120;
    }

    100% {
        stroke-dashoffset: 0;
    }
}
.nectar-scroll-icon-path {
    fill: transparent;
    stroke-width: 2px;
    stroke-dashoffset: 120;
    stroke-dasharray: 120;
    animation: mouse-scroll-btn-roll-out .55s cubic-bezier(.5, .1, .07, 1);
}
.section-down-arrow:hover .nectar-scroll-icon-path {
    stroke-dashoffset: 0;
    animation: mouse-scroll-btn-roll-over .55s cubic-bezier(.5, .1, .07, 1);
}
 .nectar-scroll-icon {
    width: 30px;
    height: 45px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.section-down-arrow {
    border: none !important;
    overflow: visible;
    text-align: center;
    opacity: 1;
    height: auto;
    animation: nudgeMouse 2.4s cubic-bezier(.25, .46, .45, .94) infinite;
    line-height: 0;
    position: absolute;
    bottom: 0.5rem;
    left: 50%;
    margin-left: -0.3rem;
    width: 0.6rem;
    z-index: 101;
}
.section-down-arrow:before, .section-down-arrow:before {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -1px;
    top: 22px;
    background-color: rgba(255, 255, 255, .5);
    width: 2px;
    height: 6px;
    border-radius: 10px;
    transition: background-color .55s cubic-bezier(.5, .1, .07, 1);
    animation: trackBallSlide 2.4s cubic-bezier(0, 0, .725, 1) infinite;
}
 .section-down-arrow::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 30px;
    height: 45px;
    margin-left: -15px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 62;
}

/*index*/

/*list-qa*/
.content_faq_div {
    margin: 0 auto;
    max-width: 960px;
    padding: 36px 0 36px;
}

.content_faq_div .tit {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    padding: 24px 0 12px;
    text-align: center;
}
.content_faq_div .txt {
    color: #707070;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
/*list-qa*/