/* =========================================================
 * 快云(KuaiYun) 风格首页样式 - 真实版式复刻 v3
 * 配色：导航 #313332 / 主题蓝 #009de0 / 链接蓝 #009de0
 * ========================================================= */

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:14px;line-height:1.6;background:#fff}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:#009de0}
img{border:0;vertical-align:middle;max-width:100%;display:block}
ul,ol,li{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;font-weight:400}

/* ============== 容器 ============== */
.ky-container,.container{width:1200px;margin:0 auto;min-width:1200px;position:relative;box-sizing:border-box}
.ky-container::after,.container::after{content:"";display:block;clear:both}
.clearfix::after{content:"";display:block;clear:both}
.text-center{text-align:center}
.pull-left{float:left}
.pull-right{float:right}

.fs12{font-size:12px}.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}.fs20{font-size:20px}
.c333{color:#333}.c666{color:#666}.c777{color:#777}.c999{color:#999}.cfff{color:#fff}.gfff{color:#fff}.g333{color:#333}.g7e{color:#7e7e7e}.g777{color:#777}.g7c7c7c{color:#7c7c7c}
.fw{font-weight:700}.fsize12{font-size:12px}.fsize14{font-size:14px}.fsize16{font-size:16px}.fsize20{font-size:20px}
.mtop8{margin-top:8px}.mtop10{margin-top:10px}.mtop15{margin-top:15px}.mtop20{margin-top:20px}.mtop26{margin-top:26px}.mtop32{margin-top:32px}.mtop40{margin-top:40px}
.mbottom20{margin-bottom:20px}.mright10{margin-right:10px}.mright20{margin-right:20px}.m-top10{margin-top:10px}.m-top20{margin-top:20px}
.ptop10{padding-top:10px}.pbottom30{padding-bottom:30px}.pbottom40{padding-bottom:40px}
.h432{font-size:32px;font-weight:400;color:#333;line-height:1.4}
.hfsize32{font-size:32px;font-weight:400;color:#fff;line-height:1.4}

/* ============== 顶部导航 ============== */
.ky-nav{position:relative;min-width:1200px;height:78px;z-index:90;width:100%;background:#313332}
.ky-nav>.ky-container{display:flex;align-items:center;height:78px}
.ky-nav-logo{width:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:78px;padding:0 14px 0 0}
.ky-nav-logo .ky-nav-brand{display:flex;align-items:center;justify-content:center;color:#fff !important;font-size:40px;font-weight:700;letter-spacing:6px;padding:0 20px;height:64px;font-family:Microsoft YaHei, PingFang SC, sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.ky-nav-logo .ky-nav-brand:hover{color:#009de0 !important}
.ky-nav-menu{display:flex;flex:1;align-items:stretch;height:78px;margin-left:30px}
.ky-nav-menu li{position:relative;float:left;font-size:18px;height:78px;display:flex;align-items:center}
.ky-nav-menu li>a,.ky-nav-menu li>.menu-hd{display:flex;align-items:center;height:78px;line-height:1;color:#fff;padding:0 22px;cursor:pointer;transition:color .2s;border-bottom:2px solid transparent}
.ky-nav-menu li>a:hover,.ky-nav-menu li.active>a,.ky-nav-menu li.active>.menu-hd{color:#fff;border-bottom-color:#009de0}
.ky-nav-right{margin-left:auto;display:flex;align-items:center;height:78px;white-space:nowrap}
.nav-right-link{display:flex;align-items:center;height:78px;color:#fff;font-size:15px;margin-left:18px;line-height:1;padding:0}
.nav-right-link:hover{color:#009de0}

/* ============== Banner ============== */
.slide-main{position:relative;height:540px;overflow:hidden;background:#f5f5f5}
.slide{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1}
.obj-e{position:relative;width:100%;height:100%}
.obj-e>.ky-container{display:block !important;height:auto !important;width:1200px;margin:0 auto !important;align-items:normal !important;padding:0 !important}
.banner-content{display:block;width:1200px;height:100%;margin:0;padding:0;position:relative;color:#fff}
/* Banner 图片本身已包含文字、搜索框、立即咨询按钮，不再添加 HTML 内容 */

/* ============== 推广位 ============== */
.bgecf4ff{background:#ecf4ff;margin-top:-78px;position:relative;z-index:2;padding:16px 0}
.bgecf4ff>.ky-container{display:block !important;height:auto !important;align-items:normal !important;padding:0 !important}
.salebo{display:flex}
.salebo li{flex:1}
.salebo li a{display:flex;align-items:center;padding:18px 14px;background:#fff;border-radius:6px;margin:0 6px;transition:box-shadow .2s,transform .2s}
.salebo li a:hover{box-shadow:0 8px 20px rgba(0,157,224,.12);transform:translateY(-2px)}
.saleicon{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:14px}
.saleicon img{width:60px;height:60px}
.advertising-text .title2{font-size:16px;color:#333;font-weight:700;margin:0}
.advertising-text .content{font-size:13px;color:#666;margin:4px 0 0}

/* ============== 我们能为你做些什么 ============== */
.whyul{padding:60px 0 40px;display:flex;background:#fff}
.whyul li{flex:1 1 0;text-align:center;font-size:16px;color:#333;padding:30px 10px;transition:all .2s linear;box-sizing:border-box;min-width:0}
.whyul li:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-2px)}
.whyul li img{display:block;margin:0 auto}
.whyul li p{margin-top:40px;font-size:16px;color:#333}

/* ============== 解决方案（深色）============== */
.solution-more{height:700px;background:#12161f;width:100%;overflow:hidden;min-width:1200px;position:relative}
.solution-more-slide{position:relative;height:100%}
.solution-more-slide>.container{position:relative;height:700px;display:block !important}
.solution-more-slide>.container::after{display:none}
.soultit{padding:60px 0 30px}
.soultit h4{color:#fff}
.soluhd{position:absolute;left:0;top:170px;width:260px;z-index:2}
.soluhd ul{display:block}
.soluhd ul::after{content:"";display:block;clear:both}
.soluhd li{height:104px;line-height:104px;padding-left:24px;font-size:20px;color:rgba(255,255,255,.6);cursor:pointer;border-left:2px solid transparent;transition:all .2s}
.soluhd li.on{color:#fff;border-left-color:#009de0;background:rgba(255,255,255,.04)}
.soluhd li:hover{color:#fff}
.soluhd li h3{font-weight:400;display:inline}
.solubd{position:absolute;left:300px;top:0;right:0;bottom:0;display:block}
.solubd>li{position:absolute !important;left:0;top:0;width:100%;height:100%;display:none !important;color:#fff}
.solubd>li.active{display:block !important}
.solubd>li>.container{height:700px;position:relative;display:block !important}
.solubd>li>.container::after{display:none}
.solubd .inner{padding-left:0;padding-top:240px;color:#fff;position:relative;z-index:3}
.solubd h2{font-size:24px;margin-bottom:18px;color:#fff}
.solubd .intro{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:30px;line-height:1.85}
.solubd .intro dd{margin:0}
.solubd .btn-wrap a{display:inline-block;width:130px;height:40px;line-height:38px;color:#fff;border:1px solid #fff;text-align:center;transition:all .2s}
.solubd .btn-wrap a:hover{background:#fff;color:#009de0}
.solubd .youshi{margin-top:36px}
.solubd .youshi .youshispan{display:inline-block;margin-right:24px;background:rgba(255,255,255,.06);padding:8px 14px;border-radius:4px}
.solubd .youshi img{height:32px;width:auto}

/* ============== 企业数字化重塑（4×2 实景图）============== */
.bgf5f9fd{background:#f5f9fd}
.bgf5f9fd>.ky-container{display:block !important;height:auto !important;align-items:normal !important;padding:0 0 30px !important}
.suscol{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:30px}
.suscol li{width:100%;height:290px;margin:0;overflow:hidden;position:relative}
.suscol li .colmask{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.suscol li .colmask img{width:100%;height:100%;object-fit:cover}
.suscol li.col-vie-first{position:relative;background:#fff}
.suscol li .content{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;background:rgba(255,255,255,.95);transition:opacity .3s}
.suscol li.hunhe-bg:hover .content{opacity:0}
.suscol li .col-icon{width:64px;height:64px;border-radius:50%;background:#e8f4fb url(/themes/web/zjmf/assets/img/kuaiyun/wdimg8.png) no-repeat center;background-size:36px;margin-bottom:18px}
.suscol li h5{font-size:18px;font-weight:700;color:#333;margin-bottom:14px}
.suscol li p{font-size:14px;color:#666;line-height:1.7}

/* ============== 客户案例 =============== */
.bgf8f9fa{background:#f8f9fa;margin-top:30px}
.bgf8f9fa>.ky-container{display:block !important;height:auto !important;align-items:normal !important;padding:0 0 30px !important}
.tabon2{display:flex;border-top:1px solid #ebecec;margin-top:20px}
.tabon2 ul{display:flex;width:100%}
.tabon2 ul::after{display:none}
.tabon2 li{flex:1;text-align:center;cursor:pointer;padding:14px 10px;opacity:.5;transition:opacity .2s;background:#fff}
.tabon2 li.on,.tabon2 li:hover{opacity:1;border-bottom:2px solid #009de0}
.tabon2 li img{max-width:160px;max-height:60px;display:inline-block}
.tabboxkyn{padding:30px 0}
#customer-panes .dis{display:block}
#customer-panes .undis{display:none !important}
.tabboxkyn .anlileft{width:498px;float:left}
.tabboxkyn .anlileft img{width:498px;height:260px;object-fit:cover;border-radius:4px}
.tabboxkyn .anliright{width:660px;float:right;padding:0 0 0 30px;box-sizing:border-box}
.tabboxkyn .anliright p{font-size:15px;line-height:1.85;color:#555;margin:0 0 14px}
.tabboxkyn .anliright a{display:inline-block;margin:6px 6px 6px 0;padding:6px 14px;background:#fff;border:1px solid #e1e6ed;border-radius:3px;color:#666;font-size:13px}
.tabboxkyn .anliright a:hover{border-color:#009de0;color:#009de0}
.lineheight30{line-height:1.85 !important}

/* ============== 最新资讯 =============== */
.NewKY-info{display:flex;padding-bottom:40px}
.NewKY-info .inforow{flex:1;background:#fff;padding:24px;margin-right:18px;border-radius:6px;min-width:0}
.NewKY-info .inforow:last-child{margin-right:0}
.NewKY-info .inforow h4{font-size:20px;color:#333;font-weight:700;margin-bottom:14px}
.NewKY-info .infoimg{height:200px;border-radius:6px;overflow:hidden;background:#f5f7fa}
.NewKY-info .infoimg img{width:100%;height:100%;object-fit:cover}
.NewKY-info .info-ul li{padding:14px 0;border-bottom:1px dashed #eee;font-size:14px}
.NewKY-info .info-ul li a{display:block;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.NewKY-info .info-ul li a:hover{color:#009de0}
.NewKY-info .info-ul li p.g7c7c7c{font-size:12px;color:#b0b4b9;margin:6px 0 0}
.NewKY-info .info-ul li.last a{color:#009de0}

/* ============== 底部 =============== */
.NewKYbottom{background:#1b1f27;color:#fff}
.NewKYfw{background:#1b1f27;padding:30px 0;color:#fff}
.NewKYfw>.ky-container{display:block !important;height:auto !important;align-items:normal !important;padding:0 !important}
.wyouitem{display:flex;align-items:center;justify-content:space-around}
.wyouct{flex:1;text-align:center}
.wyouct .item{display:inline-flex;align-items:center;color:#fff;font-size:16px}
.wyouct .item .icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#009de0;color:#fff;margin-right:12px;font-size:18px;font-weight:700;flex-shrink:0}
.wyouct .item .icon.icon-1::before{content:"赔";font-size:18px}
.wyouct .item .icon.icon-2::before{content:"7";font-size:20px;font-weight:700}
.wyouct .item .icon.icon-3::before{content:"1";font-size:20px;font-weight:700}
.wyouct .item .icon.icon-4::before{content:"备";font-size:18px}
.wyouct .item .icon.icon-5::before{content:"24";font-size:14px;font-weight:700}
.wyouct .item .term{vertical-align:middle;color:#fff}

.NewKYbottomMain{width:1200px;margin:0 auto;padding:50px 0 30px;box-sizing:border-box}
.Productitem{display:flex;flex-wrap:wrap}
.Productitem::after{display:none}
.Productitem-li{width:16%;float:left;padding-right:14px;box-sizing:border-box}
.Productitem-title{font-size:16px;color:#fff;font-weight:700;margin-bottom:18px}
.Productitem-subcontent li{padding:6px 0;font-size:13px}
.Productitem-subcontent a{color:#aab1bd}
.Productitem-subcontent a:hover{color:#fff}
.Productitem-li-long{width:20%;text-align:center;float:left;box-sizing:border-box}
.Productitem-li-long .relative{position:relative}
.NewKY-iconhover{display:inline-block;width:110px;height:110px;border-radius:6px;background:#fff;padding:5px;box-sizing:border-box}
.NewKY-iconhover img{width:100%;height:100%;object-fit:contain}
.Productitem-li-long .m-top10{margin-top:14px}
.Productitem-li-long .linkqq{display:inline-block;margin-top:14px;padding:10px 22px;background:#009de0;color:#fff !important;border-radius:3px;font-size:14px}
.Productitem-li-long .linkqq:hover{background:#0088c4;color:#fff !important}
.BottomAbout{border-top:1px solid #2a2f38;padding:20px 0;display:flex;justify-content:space-between;font-size:13px;align-items:flex-start}
.BottomAbout::after{display:none}
.BottomAbout a{color:#aab1bd}
.BottomAbout a:hover{color:#fff}
.BottomAbout .About-left p{margin:0;padding:4px 0}
.BottomAbout .About-left .gc7c7c7{color:#7c7c7c}
.BottomAbout .About-right{text-align:right}
.BottomAbout .About-right img{max-width:120px;display:block;margin-left:auto}
.BottomAbout .About-right p{color:#fff;margin:8px 0 0}

/* ============== 右侧悬浮（修正 fixed 不被容器裁剪）============== */
.float-right-list{position:fixed;right:14px;bottom:80px;z-index:9999;width:60px}
.float-right-list::after{display:none}
.float-right-list li{margin-top:6px;width:60px;height:60px;background:#fff;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.08);cursor:pointer;position:relative;list-style:none;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:22px;color:#666;transition:background .2s,color .2s}
.float-right-list li:hover{background:#009de0;color:#fff}
.float-right-list li.fr-ky::before{content:"☎";font-size:26px}
.float-right-list li.fr-kong::before{content:"✉";font-size:24px}
.float-right-list li.fr-kong.bgposition50::before{content:"⌘";font-size:22px}
.float-right-list li.fr-backtop::before{content:"↑";font-size:24px;font-weight:700}
.float-right-list li.fr-kytxt{position:absolute;top:50%;transform:translateY(-50%);right:74px;background:#fff;color:#009de0;font-size:14px;padding:8px 14px;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.08);white-space:nowrap;display:none}
.float-right-list li.fr-kytxt::after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);border:6px solid transparent;border-left-color:#fff}
.float-right-list li.fr-ky:hover .fr-kytxt{display:block}
.float-right-list .fr-conbox{display:none;position:absolute;right:74px;top:-100px;background:#fff;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.15);padding:0}
.float-right-list li.fr-ky:hover .fr-conbox{display:block}
.fr-kf-btn{display:inline-block;padding:8px 14px;margin:4px 6px;background:#009de0;color:#fff !important;border-radius:4px;font-size:13px;text-align:center}
.fr-kf-btn:hover{background:#0088c4;color:#fff !important}
.fr-kf-btnbg{background:#009de0;color:#fff !important}
.fr-tou{width:48px;height:48px;float:left;border-radius:50%;background:#f5f5f5}
.fr-zixun{padding:14px;border-bottom:1px dashed #eee}
.fr-zixun:last-child{border-bottom:0}
.fr-link{padding:8px 0;border-top:1px dashed #eee;margin-top:10px}
.fr-link-tit{color:#333;font-weight:700}
.fr-link a{color:#7e7e7e;font-size:12px}
.guanwx{color:#009de0;margin-top:8px}

/* ============== 响应式 =============== */
@media (max-width:1200px){
  .ky-container,.container,.NewKYbottomMain{width:100%;padding-left:14px;padding-right:14px;min-width:auto}
  .suscol{grid-template-columns:repeat(2,1fr)}
}