/* ============================================================
   自定义样式（新闻中心 / 资源中心 / 客户案例 / 荣誉资质）
   2026-09-24
   ============================================================ */

/* ---------- 新闻中心：分类 tab（企业动态 / 市场活动 / 政策速递） ---------- */
.ul-tabnews{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:.44rem 0 .1rem}
.ul-tabnews li{margin:0 .3rem}
.ul-tabnews li .con{display:block;font-size:.22rem;color:#283042;padding:.12rem 0;position:relative;transition:.3s}
.ul-tabnews li .con::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0;height:.04rem;background-color:#0e6eb8;transition:.3s}
.ul-tabnews li.on .con,.ul-tabnews li .con:hover{color:#0e6eb8}
.ul-tabnews li.on .con{font-weight:700}
.ul-tabnews li.on .con::after{width:100%}

/* ---------- 资源中心：资料下载 / 最新资讯 ---------- */
.row-resource{padding:.42rem 0 .66rem}
.g-titres{font-size:.3rem;font-weight:700;color:#000;margin:.44rem 0 .24rem;position:relative;padding-left:.18rem}
.g-titres::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.06rem;height:.3rem;background-color:#0e6eb8;border-radius:.03rem}
.ul-resource{display:flex;flex-wrap:wrap;margin:0 -.15rem}
.ul-resource li{width:33.33%;padding:0 .15rem;margin-bottom:.3rem}
.ul-resource .con{display:block;background-color:#fff;border-radius:.06rem;overflow:hidden;box-shadow:1px 0 .22rem 0 rgba(98,98,98,.12);transition:.3s}
.ul-resource .con:hover{transform:translateY(-.08rem)}
.ul-resource .pic{padding-top:60%;position:relative;overflow:hidden}
.ul-resource .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:.3s;display:block}
.ul-resource .con:hover .pic img{transform:scale(1.06)}
.ul-resource .txt{padding:.24rem .28rem .3rem}
.ul-resource .tit{font-size:.2rem;color:#283042;line-height:1.6;margin-bottom:.1rem}
.ul-resource .btn{color:#c8c8c8;font-size:.16rem}
.res-empty{text-align:center;color:#9296a6;font-size:.18rem;padding:.7rem 0}

/* ---------- 详情页：标题右侧“资料下载”按钮 ---------- */
.m-txtdet .tit .det-download{display:inline-block;vertical-align:middle;margin-left:.3rem;font-size:.16rem;font-weight:400;color:#fff;background-color:#0e6eb8;border-radius:.04rem;padding:.08rem .24rem;transition:.3s}
.m-txtdet .tit .det-download:hover{opacity:.85;color:#fff}

/* ---------- 首页：合作案例（推荐到首页的客户案例） ---------- */
.row-idxrec{padding:.6rem 0 .9rem;background-color:#f7f9fc}
.ul-idxrec{display:flex;flex-wrap:wrap;justify-content:center;margin:.4rem -.15rem 0}
.ul-idxrec li{width:16.66%;padding:0 .15rem;margin-bottom:.3rem}
.ul-idxrec .con{display:block;background-color:#fff;border-radius:.06rem;padding:.26rem .12rem;text-align:center;transition:.3s;box-shadow:1px 0 .18rem 0 rgba(98,98,98,.1)}
.ul-idxrec .con:hover{transform:translateY(-.08rem)}
.ul-idxrec .pic{height:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:.16rem}
.ul-idxrec .pic img{max-width:100%;max-height:100%;display:block}
.ul-idxrec .tit{font-size:.18rem;color:#283042;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- 首页：客户中心 banner 标题后缀(简称) ---------- */
.m-bantop .tit .sub{font-size:.28rem;font-weight:400;opacity:.85}
.m-bantop .tit .sub::before{content:"";display:inline-block;width:.02rem;height:.24rem;background-color:rgba(255,255,255,.6);vertical-align:middle;margin:0 .14rem}


/* ---------- 悬浮模块：方案下载按钮图标 ---------- */
.ul-ce .li3 .icon{width:.32rem;height:.32rem;margin:0 auto .1rem;display:block}

/* ---------- 资源中心：视频列表（视频中心 / 实操演示） ---------- */
.ul-videolist{display:flex;flex-wrap:wrap;margin:0 -.15rem}
.ul-videolist li{width:33.33%;padding:0 .15rem;margin-bottom:.3rem}
.ul-videolist .con{display:block}
.ul-videolist .pic{padding-top:56%;position:relative;overflow:hidden;border-radius:.06rem;background-color:#000}
.ul-videolist .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;transition:.3s}
.ul-videolist .con:hover .pic img{transform:scale(1.06)}
.ul-videolist .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.6rem;height:.6rem;border-radius:50%;background-color:rgba(0,0,0,.5);transition:.3s}
.ul-videolist .play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:.09rem 0 .09rem .15rem;border-color:transparent transparent transparent #fff}
.ul-videolist .con:hover .play{background-color:#0e6eb8}
.ul-videolist .tit{margin-top:.16rem;font-size:.18rem;color:#283042;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- 视频播放弹窗 ---------- */
.video-pop{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;display:none}
.video-pop.show{display:block}
.video-pop-mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.75)}
.video-pop-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10rem;max-width:92%;background-color:#000;border-radius:.08rem;overflow:hidden}
.video-pop-box video{display:block;width:100%;max-height:70vh;background-color:#000}
.video-pop-close{position:absolute;right:.16rem;top:.06rem;font-size:.44rem;line-height:1;color:#fff;cursor:pointer;z-index:2;text-shadow:0 0 4px rgba(0,0,0,.6)}

/* ---------- 响应式 ---------- */
@media only screen and (max-width:1199px){
.ul-tabnews li{margin:0 .2rem}
.ul-tabnews li .con{font-size:.28rem}
.ul-resource li{width:50%}
.ul-resource .tit{font-size:.28rem}
.ul-resource .btn{font-size:.24rem}
.ul-idxrec li{width:33.33%}
.ul-idxrec .tit{font-size:.26rem}
.g-titres{font-size:.4rem}
.m-txtdet .tit .det-download{font-size:.24rem;margin-left:.16rem}
.ul-videolist li{width:50%}
.ul-videolist .tit{font-size:.28rem}
}
@media only screen and (max-width:767px){
.ul-resource{margin:0}
.ul-resource li{width:100%;padding:0}
.ul-idxrec li{width:50%}
.ul-videolist{margin:0}
.ul-videolist li{width:100%;padding:0}
}