/* ===================== 全局重置 ===================== */
*{margin:0;padding:0;box-sizing:border-box}

/* ===================== 企业实力展示 ===================== */
.yh-trust-section{color:#fff;padding:50px 0 30px;width:100vw!important;max-width:100%!important;position:relative;left:0!important;background-image:url("/bg.jpg"),linear-gradient(rgba(30,55,70,.6),rgba(40,45,30,.8));background-blend-mode:overlay;background-size:cover;background-position:center;background-repeat:no-repeat;height:440px}
@media (max-width:768px){.yh-trust-section{height:auto;background-size:auto 100%;min-height:200px}}
.yh-trust-container{width:100%;max-width:1300px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.yh-section-intro{text-align:center;margin-top:5px;margin-bottom:70px}
.yh-section-title{font-size:48px;font-weight:800;margin-bottom:15px;color:#fff;line-height:1.3;position:relative}
.main-h1{font-size:15px;font-weight:600;color:#eee;text-align:center;margin:6px 0 18px;line-height:1.5}
.main-h2{padding:5px 0;font-size:12px;color:#777;line-height:1.3;text-align:center}
.yh-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:10px;justify-items:center;width:100%}
.yh-trust-badge{border-radius:0;padding:25px 15px;text-align:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:250px;background:0 0;border:none}
.yh-badge-number{font-size:36px;font-weight:800;margin-bottom:10px;color:#fff;font-family:Arial,sans-serif;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.yh-badge-label{font-size:18px;font-weight:600;margin-bottom:8px;color:#adbcbc;line-height:1.3}
.yh-badge-desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.4;max-width:250px}

/* ===================== 四图横排 ===================== */
.four-images-wrapper{padding:10px 0 0;width:100%;max-width:1300px;margin:10px auto 30px}
.four-images-list{list-style:none;display:flex;flex-wrap:nowrap!important;justify-content:space-between!important;gap:12px}
.four-images-list .biz-card{flex:1 1 calc(25% - 9px);max-width:calc(25% - 9px);min-width:0;background:rgba(148,163,184,.1);overflow:hidden;transition:transform .3s ease}
.four-images-list .biz-card:hover{transform:translateY(-5px)}
.biz-img{width:100%;height:157px;overflow:hidden}
.biz-img img{width:100%;height:100%;object-fit:cover;display:block}
.biz-content{padding:30px 10px;text-align:center}
.biz-content h2{font-size:20px;color:red;margin:0 0 8px;font-weight:600}
.biz-content h3{font-size:14px;color:#000;margin:0 0 8px;font-weight:600}
.biz-desc{font-size:13px;color:#333;line-height:1.6;margin:0 0 30px;height:68px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.biz-links{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.link-case,.link-price{padding:8px 30px;color:#fff!important;text-decoration:none;font-size:14px!important;transition:opacity .3s ease;display:inline-block;border-radius:2px}
.link-case{background:rgba(0,0,0,.7)}
.link-price{background:rgba(0,0,0,.5)}

/* ===================== 视频案例模块 ===================== */
.case-main-title{font-size:32px;font-weight:700;color:#000;margin:30px 0;text-align:center;letter-spacing:1px}
.video-case-module,.video-case-module2{background:#f9f9f9;width:100%;max-width:1300px;margin:30px auto 20px;padding:20px 0 30px!important;font-family:"Microsoft Yahei",sans-serif}
.video-case-module *,.video-case-module2 *{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}

/* 标签栏 */
.video-case-module .tab-nav-wrapper,.video-case-module2 .tab-nav-wrapper{text-align:center;margin-bottom:15px}
.video-case-module .tab-nav,.video-case-module2 .tab-nav{display:inline-flex;gap:12px;padding:8px}
.video-case-module .tab-nav li,.video-case-module2 .tab-nav li{padding:10px 32px;cursor:pointer;color:#444;font-size:16px;border-radius:3px;transition:all .2s ease;background:rgba(148,163,184,.2);border:1px solid #000;position:relative}
.video-case-module .tab-nav li a,.video-case-module2 .tab-nav li a{color:inherit!important;text-decoration:none!important;display:block;width:100%;height:100%}
.video-case-module .tab-nav li.on,.video-case-module2 .tab-nav li.on{color:#fff;background:#000;font-weight:600}
.video-case-module .tab-nav li:hover:not(.on),.video-case-module2 .tab-nav li:hover:not(.on){background:#000;color:#fff;transform:translateY(-2px)}

/* 网格布局 */
.video-case-module .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;max-width:1300px;margin-left:auto;margin-right:auto}
.video-case-module2 .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 15px;margin-bottom:30px;max-width:1300px;margin-left:auto;margin-right:auto}

/* 案例卡片 */
.video-case-module .case-item,.video-case-module2 .case-item{background:rgba(148,163,184,.1);border-radius:3px;overflow:hidden;transition:transform .2s ease;height:100%;display:flex;flex-direction:column}
.video-case-module .case-item:hover{transform:translateY(-4px)}
.video-case-module2 .case-item:hover{transform:translateY(-2px)}

/* 图片样式 */
.video-case-module .case-item img,.video-case-module2 .case-item img{width:100%;height:210px;object-fit:cover;display:block;border-radius:3px;transition:opacity .2s ease}
.video-case-module .case-item:hover img,.video-case-module2 .case-item:hover img{opacity:.95}

/* 图片容器和蒙层 */
.video-case-module .case-item .img,.video-case-module2 .case-item .img{position:relative;overflow:hidden}
.video-case-module .case-item .img_links,.video-case-module2 .case-item .img_links{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);padding:25px 10px 10px;opacity:0;transition:opacity .3s ease}
.video-case-module .case-item:hover .img_links,.video-case-module2 .case-item:hover .img_links{opacity:1}
.video-case-module .case-item .pro_txt p,.video-case-module2 .case-item .pro_txt p{color:#fff!important;font-size:12px;margin:0;line-height:1.4;text-shadow:0 1px 1px rgba(0,0,0,.3)}

/* 文字区域 */
.video-case-module .case-item .txt,.video-case-module2 .case-item .txt{padding:10px 12px 12px;background:#fff}
.video-case-module .case-item .txt h3,.video-case-module2 .case-item .txt h3{margin:0 0 6px;font-size:16px;font-weight:500;line-height:1.4}

/* 链接颜色（无下划线） */
.video-case-module .case-item .txt h3 a,.video-case-module2 .case-item .txt h3 a{color:#333!important;text-decoration:none!important}
.video-case-module .case-item .txt h3 a:visited,.video-case-module2 .case-item .txt h3 a:visited{color:#333!important}
.video-case-module .case-item .txt h3 a:hover,.video-case-module2 .case-item .txt h3 a:hover{color:#08c!important;text-decoration:none!important}
.video-case-module .case-item .txt_more p,.video-case-module2 .case-item .txt_more p{color:#999;font-size:12px;margin:0}

/* 标题样式 */
.video-case-module .case-title,.video-case-module2 .case-title{padding:12px 15px;color:#000;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}
.video-case-module2 .case-title2{color:#333;font-size:16px;margin:0;padding:8px 0 8px 10px;transition:color .2s ease}
.video-case-module2 .case-title2:hover{color:#08c}
.video-case-module2 .case-item-list{padding:8px 0;border-bottom:1px dashed #eee}
.video-case-module2 .case-item-list a{text-decoration:none}
.video-case-module2 .txt_more_list{padding:0 0 8px 15px}
.video-case-module2 .txt_more_list p{color:#999;font-size:12px;margin:0;line-height:1.4}

/* 更多按钮 */
.video-case-module .more-case-container,.video-case-module2 .more-case-container{text-align:center;margin-top:10px;max-width:1300px;margin-left:auto;margin-right:auto}
.video-case-module .more-case-desc,.video-case-module2 .more-case-desc{text-align:center;padding:12px 15px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f9f9f9;border-radius:8px}
.video-case-module .more-case-desc p,.video-case-module2 .more-case-desc p{font-size:15px;color:#666;margin:0 0 6px;line-height:1.5}
.more-case-desc a:hover{color:red!important}
.video-case-module .more-case-link,.video-case-module2 .more-case-link{display:inline-block;width:390px;padding:12px 24px;background:#08c;color:#fff;border-radius:3px;font-size:16px;font-weight:600;text-align:center;transition:all .2s ease}
.video-case-module .more-case-link:hover,.video-case-module2 .more-case-link:hover{transform:translateY(-2px);background:#069}

/* 面板显隐 */
.video-case-module .case-panel,.video-case-module2 .case-panel{display:none!important}
.video-case-module .case-panel.active,.video-case-module2 .case-panel.active{display:block!important}

/* ===================== FAQ板块 ===================== */
.faq-section{max-width:1300px;margin:30px auto 40px;padding:0}
.faq-grid-simple{display:grid;grid-template-columns:repeat(4,1fr);gap: 8px 15px;margin-bottom:20px;width:100%}
.faq-item-wrapper{background:#fff;border-radius:3px;overflow:hidden;box-shadow:none}
.faq-question-item{background:#eaeaea;padding:12px 10px;cursor:pointer;transition:all .2s ease}
.faq-question-text{font-size:14px;font-weight:500;color:#333;margin:0;line-height:1.4;position:relative;padding-right:10px}
.faq-question-text::after{content:"▼";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:10px;color:#999;transition:transform .2s ease}
.faq-answer{max-height:0;padding:0 10px;overflow:hidden;transition:all .3s ease;background:#fff;border:0;border-top:none}
.faq-answer p{font-size:12px;color:#666;line-height:1.5;margin:0;padding:10px 0}
.faq-answer strong{color:#08c}
.faq-more-link{float:right;margin:0 0 0 10px;color:#06c!important;font-size:12px;text-decoration:none;background:#e6f0ff;padding:2px 8px;border-radius:3px}
.faq-more-link:hover{background:#08c;color:#fff!important}
.faq-item-wrapper.active .faq-question-item{background:#08c}
.faq-item-wrapper.active .faq-question-text{color:#fff}
.faq-item-wrapper.active .faq-question-text::after{color:#fff;transform:translateY(-50%) rotate(180deg)}
.faq-item-wrapper.active .faq-answer{max-height:200px;padding:0 10px;border:0;border-top:none;border-radius:0 0 3px 3px}

/* PC端悬停 */
@media (min-width:769px){
    .faq-item-wrapper:hover .faq-question-item{background:#08c}
    .faq-item-wrapper:hover .faq-question-text{color:#fff}
    .faq-item-wrapper:hover .faq-question-text::after{color:#fff;transform:translateY(-50%) rotate(180deg)}
    .faq-item-wrapper:hover .faq-answer{max-height:200px;padding:0 10px;border:0;border-top:none;border-radius:0 0 3px 3px}
}

/* 平板端 */
@media (min-width:769px) and (max-width:992px){
    .faq-grid-simple{grid-template-columns:repeat(2,1fr);gap:12px}
}

/* 手机端 */
@media (max-width:768px){
    .faq-grid-simple{grid-template-columns:repeat(2,1fr);gap:10px}
    .faq-question-text { font-size: 13px; } 
    .faq-item-wrapper:hover .faq-question-item{background:#eaeaea}
    .faq-item-wrapper:hover .faq-question-text{color:#333}
}

/* ===================== 花絮区域 ===================== */
.huaxu-container{display:flex;width:1300px;margin:0 auto;gap:12px;align-items:stretch;justify-content:center}
.process-container{width:100%;padding:30px 0;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.process-header h2{font-size:24px;font-weight:700;color:red;margin:30px 0;text-align:center}
.huaxu-video-wrapper{width:878px;height:444px;background-color:#000;border-radius:5px;overflow:hidden;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.1);flex-shrink:0}
.huaxu-video{object-fit:cover;width:100%;height:100%;border:none;outline:0}
.huaxu-client-wrapper{width:410px!important;height:444px;border-radius:5px;padding:25px 20px;border:1px solid rgba(0,0,0,.2);background:rgba(255,255,255,.03)!important;flex-shrink:0}
.huaxu-client-inner{width:100%;height:100%!important;text-align:center;display:flex!important;flex-direction:column!important;justify-content:flex-start;gap:18px}
.huaxu-client-wrapper .yh-client-tagline{font-size:18px;font-weight:600;color:#333;padding-bottom:12px;text-align:center}
.huaxu-client-logos{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px;width:100%;padding:0 5px;height:100%!important;align-items:center!important}
.huaxu-client-wrapper .yh-logo-text{display:flex!important;align-items:center!important;justify-content:center!important;width:85%;padding:8px 15px;font-size:14px;font-weight:500;color:#555;background:rgba(0,0,0,.06);border-radius:4px}

/* ===================== 服务板块 ===================== */
.service-section{width:1300px;margin:0 auto;padding:20px 0}
.service-nav.horizontal{display:flex;justify-content:center;gap:12px;margin-bottom:20px}
.service-nav.horizontal .nav-item{width:auto;height:46px;padding:0 40px;background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:40px;cursor:pointer;transition:all .3s ease;font-size:18px;text-decoration:none}
.service-nav.horizontal .nav-item.active,.service-nav.horizontal .nav-item:hover{background:#08c;transform:translateY(-1px)}
.service-content{flex:1;background:rgba(255,255,255,.05);border-radius:3px}
.content-panel{display:none}
.content-panel.active{display:block}
.panel-inner{display:flex;align-items:stretch;gap:20px;padding:20px 0}
.panel-desc{flex:.9;min-width:0;height:173px;display:table}
.panel-desc p{font-size:14px;line-height:1.9;color:#444;margin:0;background:#fff;padding:14px 16px;border-radius:6px;border:1px solid rgba(0,0,0,.2);width:100%;height:100%;display:table-cell;vertical-align:middle}
.panel-desc p strong{color:#08c}
.panel-desc p a{color:#08c!important}
.panel-desc p a:hover{color:red!important}
.panel-img{width:330px;flex-shrink:0;display:flex;align-items:center}
.panel-img img{width:100%;height:auto;border-radius:4px}
.panel-text{flex:.8;min-width:0;height:173px;display:flex;align-items:stretch}
.panel-text ul{margin:0;padding:0;list-style:none;width:100%;background:#fff;border-radius:3px;border:1px solid rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-evenly}
.panel-text li{font-size:14px;line-height:1.2;padding:0 12px 0 20px}
.panel-text li::before{display:none}
.panel-text li strong{color:#08c;margin-right:10px}
.panel-btn{flex-shrink:0;width:130px;display:flex;align-items:center}
.panel-btn ul{width:100%}
.panel-btn li{margin-bottom:8px}
.panel-btn li:last-child{margin-bottom:0}
.panel-btn .more-btn{display:block;padding:9px 0;background:#08c;color:#fff!important;font-size:14px!important;font-weight:700!important;text-align:center;border-radius:3px;transition:background .3s ease;text-decoration:none}
.panel-btn .more-btn:hover{background:#09e}

/* ===================== 响应式 ===================== */
@media (max-width:768px){
    .video-case-module .case-grid,.video-case-module2 .case-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .video-case-module .case-item .img img{height:150px}
    .yh-trust-grid{grid-template-columns:repeat(2,1fr);gap:15px}
    .four-images-list{flex-wrap:wrap!important}
    .four-images-list .biz-card{flex:1 1 calc(50% - 6px);max-width:calc(50% - 6px)}
    .huaxu-container{flex-direction:column;width:100%;padding:0 15px}
    .huaxu-video-wrapper,.huaxu-client-wrapper{width:100%!important}
    .service-section{width:100%;padding:0 15px}
    .panel-inner{flex-direction:column}
    .panel-desc,.panel-text,.panel-img,.panel-btn{width:100%;height:auto}
    .panel-img{order:-1}
}
@media (max-width:480px){
    .video-case-module .case-grid,.video-case-module2 .case-grid{grid-template-columns:1fr}
    .video-case-module .more-case-link,.video-case-module2 .more-case-link{width:90%}
}

/* ===================== 视频样式 ===================== */
video.edui-faked-video{border:none;outline:none;border-radius:5px;max-width:100%}