\n \n \n AI+船舶海洋解决方案 | 鸿运国际信科<\/title>\n <script src=\"http://cdn.tailwindcss.com\"><\/script>\n <link href=\"http://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Noto Sans SC', sans-serif;\n background: #ffffff;\n color: #1a1a1a;\n overflow-x: hidden;\n }\n\n /* 动态背景 */\n .hero-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 50% at 50% -20%, rgba(99, 102, 241, 0.08), transparent),\n radial-gradient(ellipse 60% 40% at 80% 60%, rgba(168, 85, 247, 0.05), transparent),\n radial-gradient(ellipse 50% 30% at 20% 80%, rgba(236, 72, 153, 0.04), transparent);\n animation: bg-shift 20s ease-in-out infinite alternate;\n }\n\n @keyframes bg-shift {\n 0% { transform: scale(1) translate(0, 0); }\n 100% { transform: scale(1.1) translate(-2%, 2%); }\n }\n\n /* 网格背景 */\n .grid-bg {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent);\n }\n\n /* 发光边框卡片 */\n .glow-card {\n background: rgba(255, 255, 255, 0.95);\n border: 1px solid rgba(99, 102, 241, 0.1);\n backdrop-filter: blur(20px);\n transition: all 0.4s ease;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n }\n\n .glow-card:hover {\n border-color: rgba(99, 102, 241, 0.3);\n box-shadow: 0 12px 48px rgba(99, 102, 241, 0.15);\n transform: translateY(-5px);\n }\n\n /* 渐变边框 */\n .gradient-border {\n position: relative;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));\n padding: 1px;\n }\n\n .gradient-border-inner {\n background: #ffffff;\n height: 100%;\n }\n\n /* 图片容器 */\n .img-container {\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));\n }\n\n .img-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .img-container:hover img {\n transform: scale(1.05);\n }\n\n /* 渐变文字 */\n .gradient-text {\n background: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n /* CTA按钮 */\n .cta-btn {\n background: linear-gradient(135deg, #6366f1, #a855f7);\n padding: 16px 40px;\n border-radius: 12px;\n font-weight: 600;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n color: #ffffff;\n border: none;\n cursor: pointer;\n }\n\n .cta-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #a855f7, #6366f1);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .cta-btn:hover::before {\n opacity: 1;\n }\n\n .cta-btn span {\n position: relative;\n z-index: 1;\n }\n\n .cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 20px 40px rgba(99, 102, 241, 0.3);\n }\n\n /* 边框按钮 */\n .outline-btn {\n border: 1px solid rgba(99, 102, 241, 0.3);\n padding: 16px 40px;\n border-radius: 12px;\n font-weight: 500;\n transition: all 0.3s ease;\n background: transparent;\n color: #6366f1;\n cursor: pointer;\n }\n\n .outline-btn:hover {\n border-color: rgba(99, 102, 241, 0.6);\n background: rgba(99, 102, 241, 0.1);\n }\n\n /* 滚动动画 */\n .fade-up {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* 场景图片占位 */\n .scene-placeholder {\n aspect-ratio: 16/10;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.03));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.04);\n }\n\n .scene-placeholder::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n\n /* 标签 */\n .tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(99, 102, 241, 0.08);\n border: 1px solid rgba(99, 102, 241, 0.15);\n border-radius: 100px;\n font-size: 14px;\n color: #6366f1;\n }\n\n /* 大数字 */\n .big-number {\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 900;\n line-height: 1;\n background: linear-gradient(135deg, #6366f1, #a855f7);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n /* 导航 */\n nav {\n backdrop-filter: blur(20px);\n background: rgba(255, 255, 255, 0.9);\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n }\n\n /* 分隔 */\n .divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.2), transparent);\n margin: 80px 0;\n }\n\n /* 图标动画 */\n .icon-float {\n animation: float 6s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n /* 光效 */\n .glow-orb {\n position: absolute;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(99, 102, 241, 0.08), transparent 70%);\n filter: blur(80px);\n pointer-events: none;\n }\n\n /* 图标容器 */\n .icon-container {\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.08));\n border-radius: 16px;\n margin-bottom: 24px;\n }\n\n .icon-container svg {\n width: 32px;\n height: 32px;\n color: #6366f1;\n }\n\n /* 成就标签 */\n .achievement-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.08));\n border: 1px solid rgba(99, 102, 241, 0.2);\n border-radius: 8px;\n font-size: 13px;\n color: #6366f1;\n font-weight: 500;\n margin-top: 8px;\n }\n\n .achievement-badge svg {\n width: 16px;\n height: 16px;\n }\n\n /* 下拉菜单 */\n .dropdown {\n position: relative;\n }\n\n .dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 200px;\n padding: 8px 0;\n background: white;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 12px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.3s ease;\n }\n\n .dropdown:hover .dropdown-menu {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .dropdown-item {\n display: block;\n padding: 10px 16px;\n color: #4b5563;\n font-size: 14px;\n transition: all 0.2s ease;\n }\n\n .dropdown-item:hover {\n background: rgba(99, 102, 241, 0.05);\n color: #6366f1;\n }\n\n .dropdown-arrow {\n display: inline-block;\n margin-left: 4px;\n transition: transform 0.3s ease;\n }\n\n .dropdown:hover .dropdown-arrow {\n transform: rotate(180deg);\n }\n\n /* Footer */\n .footer-section {\n padding: 40px 0;\n }\n\n .footer-title {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 20px;\n }\n\n .footer-link {\n display: block;\n color: #6b7280;\n font-size: 14px;\n margin-bottom: 12px;\n transition: color 0.2s ease;\n }\n\n .footer-link:hover {\n color: #6366f1;\n }\n\n .footer-qr {\n width: 120px;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.05));\n border: 1px solid rgba(99, 102, 241, 0.1);\n border-radius: 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 12px;\n }\n\n .footer-qr img {\n width: 96px;\n height: 96px;\n object-fit: cover;\n border-radius: 8px;\n transition: transform 0.3s ease;\n }\n\n .footer-qr img:hover {\n transform: scale(1.5);\n }\n\n .footer-qr span {\n text-align: center;\n margin-top: 8px;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(0,0,0,0.06);\n padding-top: 24px;\n margin-top: 40px;\n }\n <\/style>\n<\/head>\n<body>
<div id="body_jx_29334" style="position:fixed;left:-9000px;top:-9000px;"><yk id="opukej"><pa class="zrndgg"></pa></yk><lproy id="cmisjm"><oniit class="qcjwz"></oniit></lproy><mwiz id="pgxnn"><mzscc class="bclpcj"></mzscc></mwiz><ydrxt id="cidnrt"><jdb class="brcym"></jdb></ydrxt><opvy id="jyxvoy"><wxugm class="efitmh"></wxugm></opvy><hsau id="emuqf"><wkvpi class="ygouh"></wkvpi></hsau><ixo id="todamp"><yf class="rfazh"></yf></ixo><pjh id="tibhc"><nh class="xwpni"></nh></pjh><nulom id="pdnazm"><qot class="nsepj"></qot></nulom><jwbhb id="zwgyj"><zsuz class="nbgov"></zsuz></jwbhb><sky id="nijcek"><xcbzn class="bwvldf"></xcbzn></sky><thm id="byeiw"><dh class="xrplk"></dh></thm><igrc id="bfolw"><pxrp class="wzldch"></pxrp></igrc><oa id="vvufhv"><ct class="rxfooy"></ct></oa><ge id="mcelrf"><rgcvc class="zicbhb"></rgcvc></ge><etd id="mqopq"><zdp class="bjxea"></zdp></etd><jgf id="saewhu"><dddxu class="gilsc"></dddxu></jgf><aqv id="otknv"><mtyl class="uyjwhs"></mtyl></aqv><ih id="qiqxx"><kgwd class="thgkag"></kgwd></ih><sx id="nwgabm"><vog class="gmmesm"></vog></sx><xq id="osrmvh"><dnzv class="pmccji"></dnzv></xq><xy id="foaqed"><pzb class="ypuvnd"></pzb></xy><ya id="ebvps"><hgvo class="efqak"></hgvo></ya><rzl id="hwqxu"><yypa class="tnveq"></yypa></rzl><cgsss id="rissl"><ckun class="pvvbm"></ckun></cgsss><przf id="tvqaul"><ujxrl class="gdbpoy"></ujxrl></przf><vqtd id="qacrte"><rq class="zrazlc"></rq></vqtd><gztuj id="cxzkm"><tvkcr class="frkxq"></tvkcr></gztuj><yh id="qdjcen"><ecr class="xecygj"></ecr></yh><wfn id="yxerem"><bqwmz class="qkxkhc"></bqwmz></wfn><gct id="zifjhf"><uw class="zjftzc"></uw></gct><he id="yzsppu"><uie class="yssqus"></uie></he><dx id="olyfqd"><ijvnz class="kzfal"></ijvnz></dx><ik id="mtcpk"><ddjxd class="ridyv"></ddjxd></ik><zclv id="ovqyd"><gnng class="vpkmuk"></gnng></zclv><szd id="biiwcg"><ax class="sfacls"></ax></szd><moyr id="flyoyi"><tsxy class="ggwudk"></tsxy></moyr><xpz id="pliim"><acs class="asfgk"></acs></xpz><xw id="vmcbcn"><pva class="csqhgv"></pva></xw><jw id="znypt"><wrhw class="rrhfr"></wrhw></jw><ikhcd id="jgcglv"><kbuvg class="udwlf"></kbuvg></ikhcd><jtl id="aktet"><wmiv class="hrektw"></wmiv></jtl><xhf id="wwrvws"><nhhr class="kmwrx"></nhhr></xhf><npy id="rictjh"><bwbhs class="scssn"></bwbhs></npy><abb id="kvozms"><umg class="invpb"></umg></abb><dmvb id="jfxlq"><pxhy class="hkoou"></pxhy></dmvb><uj id="tctaq"><xzsoi class="ievbou"></xzsoi></uj><gia id="eprgv"><gjbme class="ckdluj"></gjbme></gia><odqye id="bkxcz"><yppx class="bzjeu"></yppx></odqye><uup id="jvlde"><zelke class="jxgrk"></zelke></uup><qqzru id="eiicrg"><ext class="injqvd"></ext></qqzru><pirl id="puput"><zzfw class="myoly"></zzfw></pirl><kun id="uchesc"><pm class="zmplqx"></pm></kun><wkyd id="lcfni"><em class="ejngs"></em></wkyd><juac id="njueay"><qxe class="fkirj"></qxe></juac><jlmo id="rximuo"><niby class="hpwyd"></niby></jlmo><htrhz id="bwrwve"><jdo class="kkrru"></jdo></htrhz><ufqtv id="oypeu"><jmwqr class="ulvqn"></jmwqr></ufqtv><nusvu id="vpttrh"><yjtdy class="mnaoe"></yjtdy></nusvu><dn id="pylqyf"><dapr class="ysfnzq"></dapr></dn><yqo id="lapbna"><xfxnr class="cihbuu"></xfxnr></yqo><fiman id="icvmph"><cklld class="hldry"></cklld></fiman><yuod id="rweoq"><lwbyl class="stcxql"></lwbyl></yuod><unya id="ywraoi"><ff class="hxmeuz"></ff></unya><em id="ftefkl"><bt class="esvlwt"></bt></em><rqrz id="xaqcae"><uizl class="eiezsh"></uizl></rqrz><kpu id="aoaat"><coow class="rnmgeu"></coow></kpu><nmb id="eywhti"><exb class="khpwfh"></exb></nmb><whfxd id="erern"><yr class="dksqno"></yr></whfxd><qafz id="zxhop"><yf class="wpcxeq"></yf></qafz><ygd id="ceugml"><sdzy class="mfera"></sdzy></ygd><uj id="umtibs"><lfsc class="qpjam"></lfsc></uj><faca id="avngh"><oq class="zddrpv"></oq></faca><ttduw id="lustst"><ytmbx class="ortvvl"></ytmbx></ttduw><jmun id="xppata"><kzha class="ofhvnd"></kzha></jmun><xajm id="bndtc"><ts class="cecpca"></ts></xajm><xby id="othhzq"><pfppg class="kpreq"></pfppg></xby><rgqx id="xidxoz"><ibz class="ippael"></ibz></rgqx><qjln id="ufmjd"><efwh class="oknjqe"></efwh></qjln><cx id="pphvgu"><unq class="ginjd"></unq></cx><qlzov id="aipjvm"><bjfbz class="juumfz"></bjfbz></qlzov><isp id="nvuyo"><kpqp class="jfsjx"></kpqp></isp><cyml id="wliwq"><qm class="rvobn"></qm></cyml><nws id="hfthx"><qc class="lrtmnz"></qc></nws><fle id="pemty"><vv class="xxata"></vv></fle><jphvb id="brawwi"><xclh class="jqrsa"></xclh></jphvb><rxgh id="jxdefx"><afpob class="sbbwa"></afpob></rxgh><zl id="orubpw"><emigi class="sfstzt"></emigi></zl><ccsp id="fdhft"><luwdy class="sbeubr"></luwdy></ccsp><axjp id="xgyazn"><moq class="ufaly"></moq></axjp><lug id="oxedb"><ocu class="hmjust"></ocu></lug><zr id="jerjt"><dvpfl class="pllprh"></dvpfl></zr><rs id="cumbsk"><wq class="jljnn"></wq></rs><akk id="dplhju"><diuhf class="nrkkm"></diuhf></akk><uzkz id="fkflq"><zsq class="bzmrf"></zsq></uzkz><rvq id="szjvzj"><kzvpz class="ztcxp"></kzvpz></rvq><vo id="eahbjv"><umjp class="myykc"></umjp></vo><pyfpb id="slcfpm"><zrvq class="ljwgsr"></zrvq></pyfpb><pztng id="rcjsp"><yf class="hiryil"></yf></pztng><hklg id="ppyqo"><cw class="wsjfv"></cw></hklg><rvvc id="paxch"><itowc class="hydwla"></itowc></rvvc><bn id="smopv"><ugt class="efocnk"></ugt></bn><wjif id="wzesam"><snpmn class="uwjtly"></snpmn></wjif><dwd id="rmvja"><ogwr class="hlorb"></ogwr></dwd><vnzs id="cxcaf"><gqj class="bvfmj"></gqj></vnzs><gshj id="jtezi"><hm class="rqcnb"></hm></gshj><olr id="otzct"><ag class="vbdjv"></ag></olr><dch id="jyylom"><lwr class="qxrnw"></lwr></dch><ma id="fjynb"><tqyf class="hsfdi"></tqyf></ma><kzffv id="xtzle"><sh class="sxroni"></sh></kzffv><wbxe id="hahjg"><gohia class="oazve"></gohia></wbxe><yexe id="zuvtq"><ohs class="awoujd"></ohs></yexe></div>
<h1><a href='http://www.vbibi.com/'>鸿运国际</a></h1>
\n <\u0021-- 船舶设备运维 -->\n <section class=\"py-32 px-6 bg-gradient-to-b from-slate-100 via-blue-50/50 to-cyan-50/40\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-20 fade-up\">\n <h2 class=\"text-5xl md:text-6xl font-bold mb-4\">\n <span class=\"gradient-text\">船舶设备安全运维<\/span>\n <\/h2>\n <p class=\"text-2xl md:text-3xl font-medium text-gray-900\">\n 全生命周期维保\n <\/p>\n <\/div>\n\n <\u0021-- 卡片区域（上下结构：先卡片，后GIF） -->\n <div style=\"margin: 48px 0;\">\n <\u0021-- 上方：4个卡片 -->\n <div class=\"grid md:grid-cols-4 gap-6 mb-8\">\n <\u0021-- 卡片1 -->\n <div class=\"glow-card rounded-2xl p-8 fade-up\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"/>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>\n <path d=\"M11 8v6m0 0l3-3\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">预测性故障分析 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">整合设备实时状态、故障案例数据预判故障趋势，提前落地预防性维护规避设备故障。<\/p>\n <\/div>\n\n <\u0021-- 卡片2 -->\n <div class=\"glow-card rounded-2xl p-8 fade-up\" style=\"transition-delay: 0.1s;\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M3 3v18h18\"/>\n <path d=\"M18 17V9\"/>\n <path d=\"M13 17V5\"/>\n <path d=\"M8 17v-3\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">故障根因推理 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">融合多源数据剖析预测性故障成因及概率，助力工程师快速精准定位故障根因。<\/p>\n <\/div>\n\n <\u0021-- 卡片3 -->\n <div class=\"glow-card rounded-2xl p-8 fade-up\" style=\"transition-delay: 0.2s;\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 11l3 3L22 4\"/>\n <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">故障排查指导 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">生成可执行排查计划与步骤指导现场作业，结合排查结果输出专业设备维修方案。<\/p>\n <\/div>\n\n <\u0021-- 卡片4 -->\n <div class=\"glow-card rounded-2xl p-8 fade-up\" style=\"transition-delay: 0.3s;\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\"/>\n <circle cx=\"12\" cy=\"5\" r=\"2\"/>\n <path d=\"M12 7v4\"/>\n <line x1=\"8\" y1=\"16\" x2=\"8\" y2=\"16\"/>\n <line x1=\"16\" y1=\"16\" x2=\"16\" y2=\"16\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">维保方案生成 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">结合设备特性与历史数据定制全流程维保方案，保障设备全周期稳定运行。<\/p>\n <\/div>\n <\/div>\n\n <\u0021-- 下方：GIF展示区 -->\n <div class=\"fade-up\" style=\"position: relative; padding: 40px 0;\">\n <\u0021-- 外层装饰容器 -->\n <div style=\"position: relative; background: linear-gradient(135deg, #E0E7FF 0%, #F3E8FF 50%, #DBEAFE 100%); border-radius: 24px; padding: 3px; overflow: hidden;\">\n <\u0021-- 光晕装饰 -->\n <div style=\"position: absolute; top: -50px; left: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(99, 102, 241, 0.15), transparent 70%); border-radius: 50%; filter: blur(40px); pointer-events: none;\"><\/div>\n <div style=\"position: absolute; bottom: -50px; right: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(168, 85, 247, 0.12), transparent 70%); border-radius: 50%; filter: blur(40px); pointer-events: none;\"><\/div>\n\n <\u0021-- 网格背景 -->\n <div style=\"position: absolute; inset: 0; background-image: linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 102, 241, 0.05) 1px, transparent 1px); background-size: 30px 30px; pointer-events: none;\"><\/div>\n\n <\u0021-- 主内容区 -->\n <div style=\"position: relative; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(20px); border-radius: 22px; padding: 24px; box-shadow: 0 20px 60px rgba(99, 102, 241, 0.2), inset 0 2px 4px rgba(255, 255, 255, 0.8);\">\n <\u0021-- 渐变边框装饰 -->\n <div style=\"position: relative; border-radius: 16px; padding: 2px; background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.15), rgba(236, 72, 153, 0.1)); overflow: hidden;\">\n <\u0021-- 动图容器 -->\n <div style=\"position: relative; background: linear-gradient(135deg, #FAFAFA, #FFFFFF); border-radius: 14px; overflow: hidden; box-shadow: 0 8px 32px rgba(99, 102, 241, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9);\">\n <img src=\"http://32499433.s21i.faiusr.com/3/ABUIABADGAAg9qrxzgYohIX78QMw8gg4gAU.gif\" alt=\"船舶设备智能运维系统\" style=\"width: 100%; height: auto; display: block;\">\n <\/div>\n <\/div>\n\n <\u0021-- 左上角标 -->\n <div style=\"position: absolute; top: 36px; left: 36px; padding: 6px 12px; background: linear-gradient(135deg, rgba(99, 102, 241, 0.9), rgba(168, 85, 247, 0.8)); border-radius: 8px; box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\">\n <span style=\"font-size: 12px; font-weight: 600; color: #FFFFFF; letter-spacing: 0.5px;\">AI 实时演示<\/span>\n <\/div>\n\n <\u0021-- 右下角装饰 -->\n <div style=\"position: absolute; bottom: 36px; right: 36px; display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: rgba(255, 255, 255, 0.95); border-radius: 8px; border: 1px solid rgba(99, 102, 241, 0.2); box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);\">\n <div style=\"width: 8px; height: 8px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 50%; animation: pulse 2s ease-in-out infinite;\"><\/div>\n <span style=\"font-size: 11px; font-weight: 500; color: #6366f1;\">系统运行中<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <style>\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.7; transform: scale(1.1); }\n }\n <\/style>\n <\/div>\n\n <\u0021-- 价值数据 -->\n <div class=\"grid grid-cols-3 gap-8 mt-16 text-center fade-up\">\n <div>\n <div class=\"big-number\">35%<\/div>\n <p class=\"text-gray-600 mt-2 text-base\">运维成本降低<\/p>\n <\/div>\n <div>\n <div class=\"big-number\">95%<\/div>\n <p class=\"text-gray-600 mt-2 text-base\">故障预测性诊断准确率<\/p>\n <\/div>\n <div>\n <div class=\"big-number\">30%<\/div>\n <p class=\"text-gray-600 mt-2 text-base\">非计划停机减少<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <\u0021-- 生产安全管理 -->\n <section class=\"py-32 px-6 bg-gradient-to-b from-purple-100/60 via-pink-50/50 to-rose-50/40\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-20 fade-up\">\n <h2 class=\"text-5xl md:text-6xl font-bold mb-4\">\n <span class=\"gradient-text\">生产安全体系管理<\/span>\n <\/h2>\n <p class=\"text-2xl md:text-3xl font-medium text-gray-900\">\n 全流程安全监测\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-4 gap-6\">\n <div class=\"glow-card rounded-2xl p-8 fade-up\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"11\" cy=\"11\" r=\"8\"/>\n <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/>\n <path d=\"M11 8v6m0 0l3-3\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">审查点智能推荐 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">结合船舶缺陷率、法规更新、检查偏好等智能判定检查范围并生成多维度审查任务清单，快速定位审查重点、提升审查针对性。<\/p>\n <\/div>\n\n <div class=\"glow-card rounded-2xl p-8 fade-up\" style=\"transition-delay: 0.1s;\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M3 3v18h18\"/>\n <path d=\"M18 17V9\"/>\n <path d=\"M13 17V5\"/>\n <path d=\"M8 17v-3\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">体系安全风险分析 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">依托 SMIS 内审节点 AI 自动抓取多源数据，定制合规风险报告并精准推送，高效完成风险研判、提升体系审查效率。<\/p>\n <\/div>\n\n <div class=\"glow-card rounded-2xl p-8 fade-up\" style=\"transition-delay: 0.2s;\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M9 11l3 3L22 4\"/>\n <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">体系自查智能指引 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">内审计划创建后按岗位推自查提醒，大模型结合职责与高发缺陷生成专属提醒卡片，规范自查动作、减少自查疏漏。<\/p>\n <\/div>\n\n <div class=\"glow-card rounded-2xl p-8 fade-up\" style=\"transition-delay: 0.3s;\">\n <div class=\"icon-container\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"10\" rx=\"2\"/>\n <circle cx=\"12\" cy=\"5\" r=\"2\"/>\n <path d=\"M12 7v4\"/>\n <line x1=\"8\" y1=\"16\" x2=\"8\" y2=\"16\"/>\n <line x1=\"16\" y1=\"16\" x2=\"16\" y2=\"16\"/>\n <\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold mb-3\">审查演练智能辅助 Agent<\/h3>\n <p class=\"text-gray-500 text-sm\">录入检查结果后 AI 自动比对标准与历史数据、提示问题及复审补检，强化自查严谨度、全面提升内审整体质量。<\/p>\n <\/div>\n <\/div>\n\n <\u0021-- 大图展示 -->\n <div class=\"fade-up\" style=\"position: relative; padding: 40px 0;\">\n <\u0021-- 外层装饰容器 -->\n <div style=\"position: relative; background: linear-gradient(135deg, #E0E7FF 0%, #F3E8FF 50%, #DBEAFE 100%); border-radius: 24px; padding: 3px; overflow: hidden;\">\n <\u0021-- 光晕装饰 -->\n <div style=\"position: absolute; top: -50px; left: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(99, 102, 241, 0.15), transparent 70%); border-radius: 50%; filter: blur(40px); pointer-events: none;\"><\/div>\n <div style=\"position: absolute; bottom: -50px; right: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(168, 85, 247, 0.12), transparent 70%); border-radius: 50%; filter: blur(40px); pointer-events: none;\"><\/div>\n\n <\u0021-- 网格背景 -->\n <div style=\"position: absolute; inset: 0; background-image: linear-gradient(rgba(99, 102, 241, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 102, 241, 0.05) 1px, transparent 1px); background-size: 30px 30px; pointer-events: none;\"><\/div>\n\n <\u0021-- 主内容区 -->\n <div style=\"position: relative; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(20px); border-radius: 22px; padding: 24px; box-shadow: 0 20px 60px rgba(99, 102, 241, 0.2), inset 0 2px 4px rgba(255, 255, 255, 0.8);\">\n <\u0021-- 渐变边框装饰 -->\n <div style=\"position: relative; border-radius: 16px; padding: 2px; background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.15), rgba(236, 72, 153, 0.1)); overflow: hidden;\">\n <\u0021-- 动图容器 -->\n <div style=\"position: relative; background: linear-gradient(135deg, #FAFAFA, #FFFFFF); border-radius: 14px; overflow: hidden; box-shadow: 0 8px 32px rgba(99, 102, 241, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.9);\">\n <img src=\"http://32499433.s21i.faiusr.com/3/ABUIABADGAAgianyzgYotraI2wIw8gg4gAU.gif\" alt=\"生产安全体系管理系统\" style=\"width: 100%; height: auto; display: block;\">\n <\/div>\n <\/div>\n\n <\u0021-- 左上角标 -->\n <div style=\"position: absolute; top: 36px; left: 36px; padding: 6px 12px; background: linear-gradient(135deg, rgba(99, 102, 241, 0.9), rgba(168, 85, 247, 0.8)); border-radius: 8px; box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);\">\n <span style=\"font-size: 12px; font-weight: 600; color: #FFFFFF; letter-spacing: 0.5px;\">AI 实时演示<\/span>\n <\/div>\n\n <\u0021-- 右下角装饰 -->\n <div style=\"position: absolute; bottom: 36px; right: 36px; display: flex; align-items: center; gap: 6px; padding: 6px 10px; background: rgba(255, 255, 255, 0.95); border-radius: 8px; border: 1px solid rgba(99, 102, 241, 0.2); box-shadow: 0 2px 8px rgba(99, 102, 241, 0.1);\">\n <div style=\"width: 8px; height: 8px; background: linear-gradient(135deg, #10B981, #059669); border-radius: 50%; animation: pulse 2s ease-in-out infinite;\"><\/div>\n <span style=\"font-size: 11px; font-weight: 500; color: #6366f1;\">系统运行中<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <style>\n @keyframes spin {\n to { transform: rotate(360deg); }\n }\n <\/style>\n\n <\u0021-- 价值数据 -->\n <div class=\"grid grid-cols-3 gap-8 mt-16 text-center fade-up\">\n <div>\n <div class=\"big-number\">300%<\/div>\n <p class=\"text-gray-600 mt-2 text-base\">体系管理质效提升<\/p>\n <\/div>\n <div>\n <div class=\"big-number\">40%<\/div>\n <p class=\"text-gray-600 mt-2 text-base\">检查顺利获得率提升<\/p>\n <\/div>\n <div>\n <div class=\"big-number\">分钟级<\/div>\n <p class=\"text-gray-600 mt-2 text-base\">风险分析报告及推荐检查清单生成<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n <\u0021-- 更多场景 -->\n <section class=\"py-32 px-6 bg-gradient-to-b from-indigo-100/50 via-violet-50/40 to-purple-50/30\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-20 fade-up\">\n <div class=\"tag mb-6 mx-auto w-fit\">\n <span>✨<\/span>\n <span>更多场景<\/span>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-bold\">\n 持续<span class=\"gradient-text\">拓展边界<\/span>\n <\/h2>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-8\">\n <\u0021-- 设计辅助 -->\n <div class=\"gradient-border rounded-2xl fade-up\">\n <div class=\"gradient-border-inner rounded-2xl p-8\">\n <div class=\"img-container mb-6\" style=\"aspect-ratio: 21/9;\">\n <img src=\"http://32499433.s21i.faiusr.com/4/ABUIABAEGAAggKu_zgYox4bAugUwuAg46AI.png\" alt=\"设计辅助智能体\" class=\"w-full h-full object-cover\">\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4\">海洋装备设计辅助Agent<\/h3>\n <p class=\"text-gray-600 mb-6\">将船舶概念创新设计时间从数小时缩短至数秒<\/p>\n <div class=\"flex flex-wrap gap-2 mb-4\">\n <span class=\"text-xs px-3 py-1 bg-gray-100 rounded-full border border-gray-200\">船型优化<\/span>\n <span class=\"text-xs px-3 py-1 bg-gray-100 rounded-full border border-gray-200\">结构设计<\/span>\n <span class=\"text-xs px-3 py-1 bg-gray-100 rounded-full border border-gray-200\">3D生成<\/span>\n <\/div>\n <div class=\"achievement-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"8\" r=\"7\"/>\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"/>\n <\/svg>\n 研究成果在海洋学顶刊《Ocean Engineering》发表\n <\/div>\n <\/div>\n <\/div>\n\n <\u0021-- 动物保护 -->\n <div class=\"gradient-border rounded-2xl fade-up\" style=\"transition-delay: 0.1s;\">\n <div class=\"gradient-border-inner rounded-2xl p-8\">\n <div class=\"img-container mb-6\" style=\"aspect-ratio: 21/9;\">\n <img src=\"http://32499433.s21i.faiusr.com/4/ABUIABAEGAAgjKyrzwYoyKTDywYw1As4vAY.png\" alt=\"珍稀动物保护智能体\" class=\"w-full h-full object-cover\">\n <\/div>\n <h3 class=\"text-2xl font-bold mb-4\">珍稀海洋动物保护Agent<\/h3>\n <p class=\"text-gray-600 mb-6\">构建全方位、多层次覆盖的海洋保护区感知网络<\/p>\n <div class=\"flex flex-wrap gap-2 mb-4\">\n <span class=\"text-xs px-3 py-1 bg-gray-100 rounded-full border border-gray-200\">声学识别<\/span>\n <span class=\"text-xs px-3 py-1 bg-gray-100 rounded-full border border-gray-200\">避撞预警<\/span>\n <span class=\"text-xs px-3 py-1 bg-gray-100 rounded-full border border-gray-200\">种群监测<\/span>\n <\/div>\n <div class=\"achievement-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <circle cx=\"12\" cy=\"8\" r=\"7\"/>\n <polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"/>\n <\/svg>\n 联合国\"AI for Good\"全球优秀案例奖\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\u0021-- 扩展标签 -->\n <div class=\"flex flex-wrap justify-center gap-3 mt-12 fade-up\">\n <span class=\"tag\">智能调度<\/span>\n <span class=\"tag\">货运优化<\/span>\n <span class=\"tag\">船员培训<\/span>\n <span class=\"tag\">合规管理<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n\n <\u0021-- 客户案例 -->\n <section class=\"py-32 px-6 bg-gradient-to-b from-cyan-100/60 via-sky-50/50 to-blue-50/40\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-20 fade-up\">\n <div class=\"tag mb-6 mx-auto w-fit\">\n <span><\/span>\n <span>客户案例<\/span>\n <\/div>\n <h2 class=\"text-4xl md:text-5xl font-bold\">\n 成功<span class=\"gradient-text\">落地实践<\/span>\n <\/h2>\n <\/div>\n\n <\u0021-- 轮播容器 -->\n <div class=\"relative fade-up\">\n <\u0021-- 左右按钮 -->\n <button id=\"prevBtn\" class=\"absolute left-0 top-1/2 -translate-y-1/2 z-20 w-14 h-14 bg-white rounded-full shadow-lg flex items-center justify-center hover:shadow-xl transition-all hover:scale-110\" style=\"margin-left: -20px;\">\n <svg class=\"w-6 h-6 text-gray-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"/>\n <\/svg>\n <\/button>\n <button id=\"nextBtn\" class=\"absolute right-0 top-1/2 -translate-y-1/2 z-20 w-14 h-14 bg-white rounded-full shadow-lg flex items-center justify-center hover:shadow-xl transition-all hover:scale-110\" style=\"margin-right: -20px;\">\n <svg class=\"w-6 h-6 text-gray-700\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"/>\n <\/svg>\n <\/button>\n\n <\u0021-- 卡片容器 -->\n <div class=\"relative flex items-center justify-center gap-6 overflow-visible\" style=\"min-height: 500px;\">\n <\u0021-- 案例1：长航集团 -->\n <div class=\"case-card transition-all duration-500 ease-out cursor-pointer\" data-index=\"0\">\n <div class=\"glow-card rounded-2xl overflow-hidden h-full\">\n <div class=\"aspect-video w-full relative overflow-hidden\">\n <img src=\"http://32499433.s21i.faiusr.com/4/ABUIABAEGAAg3au_zgYo39Oc3wUwgBI4wA0.png\" alt=\"长航集团\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-2xl font-bold mb-3\">长航集团<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">引入生产安全体系管理智能体，聚焦航运内审核心需求、覆盖关键环节，破解多船舶管控难等痛点，有助于安全管理升级，助力满足海事常态化审查要求。<\/p>\n <div class=\"space-y-2\">\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">无效审查工作减少 45%<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">员工自查合规率提升 36%<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">海事审查顺利获得率提升 40%<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\u0021-- 案例2：招商南油（中间） -->\n <div class=\"case-card transition-all duration-500 ease-out cursor-pointer\" data-index=\"1\">\n <div class=\"glow-card rounded-2xl overflow-hidden h-full\">\n <div class=\"aspect-video w-full relative overflow-hidden\">\n <img src=\"http://32499433.s21i.faiusr.com/4/ABUIABAEGAAg9Ji_zgYosPrrmwQwhAc4pAU.png\" alt=\"招商南油\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-2xl font-bold mb-3\">招商南油<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">国内首个面向航运运维全周期的AI智能体系统\"船舶健康管家\"智能体，实现了从\"救火式维修\"向\"预防式健康管理\"的转型。<\/p>\n <div class=\"space-y-2\">\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">故障定位时间从小时级缩短至秒级<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">非计划停机时间降低 48%<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">每日同步 35万+ 条数据，实现船岸一体<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\u0021-- 案例3：某高端船舶制造 -->\n <div class=\"case-card transition-all duration-500 ease-out cursor-pointer\" data-index=\"2\">\n <div class=\"glow-card rounded-2xl overflow-hidden h-full\">\n <div class=\"aspect-video w-full relative overflow-hidden\">\n <img src=\"http://32499433.s21i.faiusr.com/2/ABUIABACGAAg25y_zgYo1ueItgQwyBI4oAo.jpg\" alt=\"某高端船舶制造\" class=\"w-full h-full object-cover\">\n <\/div>\n <div class=\"p-6\">\n <h3 class=\"text-2xl font-bold mb-3\">某高端船舶制造企业<\/h3>\n <p class=\"text-gray-600 text-sm leading-relaxed mb-4\">应用船舶设计辅助智能体，以多模态生成与专业知识驱动，实现从人工绘图、反复迭代到 AI 一键生成、合规校验一体化的设计范式升级。<\/p>\n <div class=\"space-y-2\">\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">船舶概念设计周期由 2-3 周缩短至半小时内<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">图纸设计错误率降低 60%，方案一次顺利获得率提升 45%<\/span>\n <\/div>\n <div class=\"flex items-center gap-2 text-sm\">\n <svg class=\"w-4 h-4 text-green-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"/>\n <polyline points=\"22 4 12 14.01 9 11.01\"/>\n <\/svg>\n <span class=\"text-gray-600\">设计合规率达 98% 以上<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\u0021-- 指示器 -->\n <div class=\"flex justify-center gap-3 mt-8\">\n <button class=\"indicator w-3 h-3 rounded-full bg-gray-300 transition-all duration-300\" data-index=\"0\"><\/button>\n <button class=\"indicator w-3 h-3 rounded-full bg-gray-300 transition-all duration-300\" data-index=\"1\"><\/button>\n <button class=\"indicator w-3 h-3 rounded-full bg-gray-300 transition-all duration-300\" data-index=\"2\"><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n /* 轮播卡片样式 */\n .case-card {\n position: absolute;\n width: calc(44.444% - 16px);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .case-card .glow-card {\n opacity: 0.4;\n transform: scale(0.85);\n filter: blur(1px);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .case-card.active .glow-card {\n opacity: 1;\n transform: scale(1);\n filter: blur(0);\n box-shadow: 0 20px 60px rgba(99, 102, 241, 0.2);\n }\n\n .case-card.prev {\n left: 0;\n transform: translateX(-30%);\n }\n\n .case-card.next {\n right: 0;\n transform: translateX(30%);\n }\n\n .case-card.active {\n left: 50%;\n transform: translateX(-50%);\n z-index: 10;\n }\n\n .indicator.active {\n background: linear-gradient(135deg, #6366f1, #a855f7);\n width: 24px;\n }\n <\/style>\n\n <\u0021-- CTA -->\n <section class=\"py-32 px-6 relative overflow-hidden bg-gradient-to-br from-indigo-100/70 via-purple-100/60 to-pink-100/50\">\n <div class=\"glow-orb top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\" style=\"width: 600px; height: 600px; background: radial-gradient(circle, rgba(99, 102, 241, 0.12), transparent 70%);\"><\/div>\n\n <div class=\"relative z-10 max-w-4xl mx-auto text-center fade-up\">\n <h2 class=\"text-4xl md:text-6xl font-bold mb-6\">\n 携手<span class=\"gradient-text\">\"能决策、会进化\"<\/span>硅基专家\n <\/h2>\n <p class=\"text-xl text-gray-600 mb-12\">\n 共同探索 AI 在船舶海洋领域的无限可能\n <\/p>\n\n <div class=\"flex flex-wrap justify-center gap-4\">\n <button type=\"button\" class=\"cta-btn text-lg px-12 py-5\">\n <span>预约演示<\/span>\n <\/button>\n <button type=\"button\" class=\"outline-btn text-lg px-12 py-5\">联系鸿运国际<\/button>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n // 滚动动画\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-up').forEach(el => observer.observe(el));\n\n // 质量安全体系视频控制\n document.addEventListener('DOMContentLoaded', function() {\n const video = document.getElementById('safetySystemVideo');\n\n if (video) {\n console.log('视频元素已找到');\n\n video.addEventListener('loadedmetadata', function() {\n console.log('视频元数据已加载，时长:', video.duration, '秒');\n });\n\n video.addEventListener('canplay', function() {\n console.log('视频可以播放');\n });\n\n video.addEventListener('play', function() {\n console.log('视频开始播放');\n });\n\n video.addEventListener('error', function(e) {\n console.error('视频错误:', video.error);\n });\n } else {\n console.error('未找到视频元素');\n }\n });\n\n // 客户案例轮播\n const cases = document.querySelectorAll('.case-card');\n const indicators = document.querySelectorAll('.indicator');\n const prevBtn = document.getElementById('prevBtn');\n const nextBtn = document.getElementById('nextBtn');\n let currentIndex = 1; // 招商南油在中间\n const totalCases = cases.length;\n\n function updateCarousel() {\n cases.forEach((caseCard, index) => {\n caseCard.classList.remove('active', 'prev', 'next');\n\n if (index === currentIndex) {\n caseCard.classList.add('active');\n } else if (index === (currentIndex - 1 + totalCases) % totalCases) {\n caseCard.classList.add('prev');\n } else if (index === (currentIndex + 1) % totalCases) {\n caseCard.classList.add('next');\n }\n });\n\n indicators.forEach((indicator, index) => {\n indicator.classList.toggle('active', index === currentIndex);\n });\n }\n\n function nextCase() {\n currentIndex = (currentIndex + 1) % totalCases;\n updateCarousel();\n }\n\n function prevCase() {\n currentIndex = (currentIndex - 1 + totalCases) % totalCases;\n updateCarousel();\n }\n\n prevBtn.addEventListener('click', prevCase);\n nextBtn.addEventListener('click', nextCase);\n\n indicators.forEach((indicator, index) => {\n indicator.addEventListener('click', () => {\n currentIndex = index;\n updateCarousel();\n });\n });\n\n // 点击卡片切换\n cases.forEach((caseCard, index) => {\n caseCard.addEventListener('click', () => {\n currentIndex = index;\n updateCarousel();\n });\n });\n\n // 初始化\n updateCarousel();\n\n // 弹窗功能\n const modal = document.getElementById('contactModal');\n const modalImg = document.getElementById('modalImage');\n const closeBtn = document.getElementById('closeModal');\n\n document.querySelectorAll('.cta-btn, .outline-btn').forEach(btn => {\n btn.addEventListener('click', (e) => {\n e.preventDefault();\n modal.style.display = 'flex';\n });\n });\n\n closeBtn.addEventListener('click', () => {\n modal.style.display = 'none';\n });\n\n modal.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.style.display = 'none';\n }\n });\n <\/script>\n\n <\u0021-- 弹窗模态框 -->\n <div id=\"contactModal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; align-items: center; justify-content: center;\">\n <div style=\"position: relative; max-width: 90%; max-height: 90%;\">\n <button id=\"closeModal\" style=\"position: absolute; top: -40px; right: 0; background: white; border: none; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,0.2);\">×<\/button>\n <img id=\"modalImage\" src=\"http://32499433.s21i.faiusr.com/2/ABUIABACGAAg68qjzgYo5NGxFjD4CjjICQ.jpg\" alt=\"联系鸿运国际\" style=\"max-width: 100%; max-height: 85vh; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,0.3);\">\n <\/div>\n <\/div>\n<\/body>\n<\/html>","privatePattern":{"pc":{},"mobi":{}},"commProp":{"al":[{"t":0},{"t":0}],"pa":{"mt":0,"t":0},"an":{"t":0},"im":0,"ps":{"t":0,"o":2},"ls":{"st":0},"more":{"moreType":0},"cal":[{"t":0}],"unst":true,"sa":{"open":0}},"isBannerModule":false,"rowType":1,"initalState":{"ver":30,"updateIdScript":30,"updateUrlScript":"//i.fkw.com/jump.jsp?t=40&siteVersion=24&buySiteVer=true&siteSid=0&stdOrPopVer=1#appId=shop","updateNameScript":"网站标准版","detachedCode":"<\u0021DOCTYPE html>\n<html lang=\"zh-CN\">\n<head><script>var V_PATH='/';window.onerror=function(){ return true; };</script>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AI+船舶海洋解决方案 | 鸿运国际信科<\/title>\n <script src=\"http://cdn.tailwindcss.com\"><\/script>\n <link href=\"http://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Noto Sans SC', sans-serif;\n background: #ffffff;\n color: #1a1a1a;\n overflow-x: hidden;\n }\n\n /* 动态背景 */\n .hero-bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 80% 50% at 50% -20%, rgba(99, 102, 241, 0.08), transparent),\n radial-gradient(ellipse 60% 40% at 80% 60%, rgba(168, 85, 247, 0.05), transparent),\n radial-gradient(ellipse 50% 30% at 20% 80%, rgba(236, 72, 153, 0.04), transparent);\n animation: bg-shift 20s ease-in-out infinite alternate;\n }\n\n @keyframes bg-shift {\n 0% { transform: scale(1) translate(0, 0); }\n 100% { transform: scale(1.1) translate(-2%, 2%); }\n }\n\n /* 网格背景 */\n .grid-bg {\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(99, 102, 241, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(99, 102, 241, 0.03) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black, transparent);\n }\n\n /* 发光边框卡片 */\n .glow-card {\n background: rgba(255, 255, 255, 0.95);\n border: 1px solid rgba(99, 102, 241, 0.1);\n backdrop-filter: blur(20px);\n transition: all 0.4s ease;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);\n }\n\n .glow-card:hover {\n border-color: rgba(99, 102, 241, 0.3);\n box-shadow: 0 12px 48px rgba(99, 102, 241, 0.15);\n transform: translateY(-5px);\n }\n\n /* 渐变边框 */\n .gradient-border {\n position: relative;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));\n padding: 1px;\n }\n\n .gradient-border-inner {\n background: #ffffff;\n height: 100%;\n }\n\n /* 图片容器 */\n .img-container {\n position: relative;\n overflow: hidden;\n border-radius: 16px;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));\n }\n\n .img-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .img-container:hover img {\n transform: scale(1.05);\n }\n\n /* 渐变文字 */\n .gradient-text {\n background: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n /* CTA按钮 */\n .cta-btn {\n background: linear-gradient(135deg, #6366f1, #a855f7);\n padding: 16px 40px;\n border-radius: 12px;\n font-weight: 600;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n color: #ffffff;\n border: none;\n cursor: pointer;\n }\n\n .cta-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #a855f7, #6366f1);\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n\n .cta-btn:hover::before {\n opacity: 1;\n }\n\n .cta-btn span {\n position: relative;\n z-index: 1;\n }\n\n .cta-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 20px 40px rgba(99, 102, 241, 0.3);\n }\n\n /* 边框按钮 */\n .outline-btn {\n border: 1px solid rgba(99, 102, 241, 0.3);\n padding: 16px 40px;\n border-radius: 12px;\n font-weight: 500;\n transition: all 0.3s ease;\n background: transparent;\n color: #6366f1;\n cursor: pointer;\n }\n\n .outline-btn:hover {\n border-color: rgba(99, 102, 241, 0.6);\n background: rgba(99, 102, 241, 0.1);\n }\n\n /* 滚动动画 */\n .fade-up {\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .fade-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n /* 场景图片占位 */\n .scene-placeholder {\n aspect-ratio: 16/10;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.03));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n border: 1px solid rgba(0, 0, 0, 0.04);\n }\n\n .scene-placeholder::before {\n content: '';\n position: absolute;\n inset: 0;\n background: url(\"data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n }\n\n /* 标签 */\n .tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(99, 102, 241, 0.08);\n border: 1px solid rgba(99, 102, 241, 0.15);\n border-radius: 100px;\n font-size: 14px;\n color: #6366f1;\n }\n\n /* 大数字 */\n .big-number {\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 900;\n line-height: 1;\n background: linear-gradient(135deg, #6366f1, #a855f7);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n /* 导航 */\n nav {\n backdrop-filter: blur(20px);\n background: rgba(255, 255, 255, 0.9);\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n }\n\n /* 分隔 */\n .divider {\n height: 2px;\n background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.2), transparent);\n margin: 80px 0;\n }\n\n /* 图标动画 */\n .icon-float {\n animation: float 6s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-20px); }\n }\n\n /* 光效 */\n .glow-orb {\n position: absolute;\n width: 400px;\n height: 400px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(99, 102, 241, 0.08), transparent 70%);\n filter: blur(80px);\n pointer-events: none;\n }\n\n /* 图标容器 */\n .icon-container {\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.08));\n border-radius: 16px;\n margin-bottom: 24px;\n }\n\n .icon-container svg {\n width: 32px;\n height: 32px;\n color: #6366f1;\n }\n\n /* 成就标签 */\n .achievement-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 14px;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.08));\n border: 1px solid rgba(99, 102, 241, 0.2);\n border-radius: 8px;\n font-size: 13px;\n color: #6366f1;\n font-weight: 500;\n margin-top: 8px;\n }\n\n .achievement-badge svg {\n width: 16px;\n height: 16px;\n }\n\n /* 下拉菜单 */\n .dropdown {\n position: relative;\n }\n\n .dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n min-width: 200px;\n padding: 8px 0;\n background: white;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 12px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: all 0.3s ease;\n }\n\n .dropdown:hover .dropdown-menu {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .dropdown-item {\n display: block;\n padding: 10px 16px;\n color: #4b5563;\n font-size: 14px;\n transition: all 0.2s ease;\n }\n\n .dropdown-item:hover {\n background: rgba(99, 102, 241, 0.05);\n color: #6366f1;\n }\n\n .dropdown-arrow {\n display: inline-block;\n margin-left: 4px;\n transition: transform 0.3s ease;\n }\n\n .dropdown:hover .dropdown-arrow {\n transform: rotate(180deg);\n }\n\n /* Footer */\n .footer-section {\n padding: 40px 0;\n }\n\n .footer-title {\n font-size: 15px;\n font-weight: 600;\n color: #1a1a1a;\n margin-bottom: 20px;\n }\n\n .footer-link {\n display: block;\n color: #6b7280;\n font-size: 14px;\n margin-bottom: 12px;\n transition: color 0.2s ease;\n }\n\n .footer-link:hover {\n color: #6366f1;\n }\n\n .footer-qr {\n width: 120px;\n background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.05));\n border: 1px solid rgba(99, 102, 241, 0.1);\n border-radius: 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 12px;\n }\n\n .footer-qr img {\n width: 96px;\n height: 96px;\n object-fit: cover;\n border-radius: 8px;\n transition: transform 0.3s ease;\n }\n\n .footer-qr img:hover {\n transform: scale(1.5);\n }\n\n .footer-qr span {\n text-align: center;\n margin-top: 8px;\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(0,0,0,0.06);\n padding-top: 24px;\n margin-top: 40px;\n }\n <\/style>\n<\/head>\n<body>
<div id="body_jx_29334" style="position:fixed;left:-9000px;top:-9000px;"><yk id="opukej"><pa class="zrndgg"></pa></yk><lproy id="cmisjm"><oniit class="qcjwz"></oniit></lproy><mwiz id="pgxnn"><mzscc class="bclpcj"></mzscc></mwiz><ydrxt id="cidnrt"><jdb class="brcym"></jdb></ydrxt><opvy id="jyxvoy"><wxugm class="efitmh"></wxugm></opvy><hsau id="emuqf"><wkvpi class="ygouh"></wkvpi></hsau><ixo id="todamp"><yf class="rfazh"></yf></ixo><pjh id="tibhc"><nh class="xwpni"></nh></pjh><nulom id="pdnazm"><qot class="nsepj"></qot></nulom><jwbhb id="zwgyj"><zsuz class="nbgov"></zsuz></jwbhb><sky id="nijcek"><xcbzn class="bwvldf"></xcbzn></sky><thm id="byeiw"><dh class="xrplk"></dh></thm><igrc id="bfolw"><pxrp class="wzldch"></pxrp></igrc><oa id="vvufhv"><ct class="rxfooy"></ct></oa><ge id="mcelrf"><rgcvc class="zicbhb"></rgcvc></ge><etd id="mqopq"><zdp class="bjxea"></zdp></etd><jgf id="saewhu"><dddxu class="gilsc"></dddxu></jgf><aqv id="otknv"><mtyl class="uyjwhs"></mtyl></aqv><ih id="qiqxx"><kgwd class="thgkag"></kgwd></ih><sx id="nwgabm"><vog class="gmmesm"></vog></sx><xq id="osrmvh"><dnzv class="pmccji"></dnzv></xq><xy id="foaqed"><pzb class="ypuvnd"></pzb></xy><ya id="ebvps"><hgvo class="efqak"></hgvo></ya><rzl id="hwqxu"><yypa class="tnveq"></yypa></rzl><cgsss id="rissl"><ckun class="pvvbm"></ckun></cgsss><przf id="tvqaul"><ujxrl class="gdbpoy"></ujxrl></przf><vqtd id="qacrte"><rq class="zrazlc"></rq></vqtd><gztuj id="cxzkm"><tvkcr class="frkxq"></tvkcr></gztuj><yh id="qdjcen"><ecr class="xecygj"></ecr></yh><wfn id="yxerem"><bqwmz class="qkxkhc"></bqwmz></wfn><gct id="zifjhf"><uw class="zjftzc"></uw></gct><he id="yzsppu"><uie class="yssqus"></uie></he><dx id="olyfqd"><ijvnz class="kzfal"></ijvnz></dx><ik id="mtcpk"><ddjxd class="ridyv"></ddjxd></ik><zclv id="ovqyd"><gnng class="vpkmuk"></gnng></zclv><szd id="biiwcg"><ax class="sfacls"></ax></szd><moyr id="flyoyi"><tsxy class="ggwudk"></tsxy></moyr><xpz id="pliim"><acs class="asfgk"></acs></xpz><xw id="vmcbcn"><pva class="csqhgv"></pva></xw><jw id="znypt"><wrhw class="rrhfr"></wrhw></jw><ikhcd id="jgcglv"><kbuvg class="udwlf"></kbuvg></ikhcd><jtl id="aktet"><wmiv class="hrektw"></wmiv></jtl><xhf id="wwrvws"><nhhr class="kmwrx"></nhhr></xhf><npy id="rictjh"><bwbhs class="scssn"></bwbhs></npy><abb id="kvozms"><umg class="invpb"></umg></abb><dmvb id="jfxlq"><pxhy class="hkoou"></pxhy></dmvb><uj id="tctaq"><xzsoi class="ievbou"></xzsoi></uj><gia id="eprgv"><gjbme class="ckdluj"></gjbme></gia><odqye id="bkxcz"><yppx class="bzjeu"></yppx></odqye><uup id="jvlde"><zelke class="jxgrk"></zelke></uup><qqzru id="eiicrg"><ext class="injqvd"></ext></qqzru><pirl id="puput"><zzfw class="myoly"></zzfw></pirl><kun id="uchesc"><pm class="zmplqx"></pm></kun><wkyd id="lcfni"><em class="ejngs"></em></wkyd><juac id="njueay"><qxe class="fkirj"></qxe></juac><jlmo id="rximuo"><niby class="hpwyd"></niby></jlmo><htrhz id="bwrwve"><jdo class="kkrru"></jdo></htrhz><ufqtv id="oypeu"><jmwqr class="ulvqn"></jmwqr></ufqtv><nusvu id="vpttrh"><yjtdy class="mnaoe"></yjtdy></nusvu><dn id="pylqyf"><dapr class="ysfnzq"></dapr></dn><yqo id="lapbna"><xfxnr class="cihbuu"></xfxnr></yqo><fiman id="icvmph"><cklld class="hldry"></cklld></fiman><yuod id="rweoq"><lwbyl class="stcxql"></lwbyl></yuod><unya id="ywraoi"><ff class="hxmeuz"></ff></unya><em id="ftefkl"><bt class="esvlwt"></bt></em><rqrz id="xaqcae"><uizl class="eiezsh"></uizl></rqrz><kpu id="aoaat"><coow class="rnmgeu"></coow></kpu><nmb id="eywhti"><exb class="khpwfh"></exb></nmb><whfxd id="erern"><yr class="dksqno"></yr></whfxd><qafz id="zxhop"><yf class="wpcxeq"></yf></qafz><ygd id="ceugml"><sdzy class="mfera"></sdzy></ygd><uj id="umtibs"><lfsc class="qpjam"></lfsc></uj><faca id="avngh"><oq class="zddrpv"></oq></faca><ttduw id="lustst"><ytmbx class="ortvvl"></ytmbx></ttduw><jmun id="xppata"><kzha class="ofhvnd"></kzha></jmun><xajm id="bndtc"><ts class="cecpca"></ts></xajm><xby id="othhzq"><pfppg class="kpreq"></pfppg></xby><rgqx id="xidxoz"><ibz class="ippael"></ibz></rgqx><qjln id="ufmjd"><efwh class="oknjqe"></efwh></qjln><cx id="pphvgu"><unq class="ginjd"></unq></cx><qlzov id="aipjvm"><bjfbz class="juumfz"></bjfbz></qlzov><isp id="nvuyo"><kpqp class="jfsjx"></kpqp></isp><cyml id="wliwq"><qm class="rvobn"></qm></cyml><nws id="hfthx"><qc class="lrtmnz"></qc></nws><fle id="pemty"><vv class="xxata"></vv></fle><jphvb id="brawwi"><xclh class="jqrsa"></xclh></jphvb><rxgh id="jxdefx"><afpob class="sbbwa"></afpob></rxgh><zl id="orubpw"><emigi class="sfstzt"></emigi></zl><ccsp id="fdhft"><luwdy class="sbeubr"></luwdy></ccsp><axjp id="xgyazn"><moq class="ufaly"></moq></axjp><lug id="oxedb"><ocu class="hmjust"></ocu></lug><zr id="jerjt"><dvpfl class="pllprh"></dvpfl></zr><rs id="cumbsk"><wq class="jljnn"></wq></rs><akk id="dplhju"><diuhf class="nrkkm"></diuhf></akk><uzkz id="fkflq"><zsq class="bzmrf"></zsq></uzkz><rvq id="szjvzj"><kzvpz class="ztcxp"></kzvpz></rvq><vo id="eahbjv"><umjp class="myykc"></umjp></vo><pyfpb id="slcfpm"><zrvq class="ljwgsr"></zrvq></pyfpb><pztng id="rcjsp"><yf class="hiryil"></yf></pztng><hklg id="ppyqo"><cw class="wsjfv"></cw></hklg><rvvc id="paxch"><itowc class="hydwla"></itowc></rvvc><bn id="smopv"><ugt class="efocnk"></ugt></bn><wjif id="wzesam"><snpmn class="uwjtly"></snpmn></wjif><dwd id="rmvja"><ogwr class="hlorb"></ogwr></dwd><vnzs id="cxcaf"><gqj class="bvfmj"></gqj></vnzs><gshj id="jtezi"><hm class="rqcnb"></hm></gshj><olr id="otzct"><ag class="vbdjv"></ag></olr><dch id="jyylom"><lwr class="qxrnw"></lwr></dch><ma id="fjynb"><tqyf class="hsfdi"></tqyf></ma><kzffv id="xtzle"><sh class="sxroni"></sh></kzffv><wbxe id="hahjg"><gohia class="oazve"></gohia></wbxe><yexe id="zuvtq"><ohs class="awoujd"></ohs></yexe></div>
<h1><a href='http://www.vbibi.com/'>鸿运国际</a></h1>
<script type="text/javascript">
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https'){
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
} else{
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
(function(){
var canonicalURL, curProtocol;
//Get the <link> tag
var x=document.getElementsByTagName("link");
//Find the last canonical URL
if(x.length > 0){
for (i=0;i<x.length;i++){
if(x[i].rel.toLowerCase() == "canonical" && x[i].href){
canonicalURL=x[i].href;
}
}
}
//Get protocol
if (!canonicalURL){
curProtocol = window.location.protocol.split(":")[0];
}
else{
curProtocol = canonicalURL.split(":")[0];
}
//Get current URL if the canonical URL does not exist
if (!canonicalURL) canonicalURL = window.location.href;
//Assign script content. Replace current URL with the canonical URL
!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === "https")?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script><script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3FNf0KdvIbmpH24s",ck:"3FNf0KdvIbmpH24s"})</script>
<noscript>
<div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 999999; display: flex; justify-content: center; align-items: center;">
<img src="/img/noscript.png" alt="嘻嘻" title="被吓到是因为做了亏心事 !" style="width: 100%;">
</div>
</noscript>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?5c95df9788se182050e486";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
