CINXE.COM
华文融媒云中心
<!DOCTYPE html> <html lang="ch"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=0.1,user-scalable=yes" /> <link rel="stylesheet" media="only screen and (max-device-width:480px)" /> <link rel="stylesheet" href="/css/index.css"> <link rel="stylesheet" href="/css/mobile-index.css?128"> <title>华文融媒云中心 </title> <style> body { padding: 0; margin: 0; font-family: initial } .maodian { height: 200px; margin-top: -200px; display: block; } .bannernyts { height: 360px; position: relative; background: #0966CE; } .bannernyts .bannerImg { max-width: 560px; height: 300px; float: right; } .bannerView { max-width: 1200px; margin: 0 auto; padding: 25px 0; } .titleContent { float: left; max-width: 560px; overflow: hidden; width: 44%; } .bannernyts .big-title { font-size: 35px; color: #fff; height: 45px; line-height: 45px; } .small-title { margin-top: 20px; color: #fff; line-height: 38px; font-size: 18px; } .small_title { position: absolute; width: 530px; left: 50%; top: 25vh; margin-left: -580px; padding-right: 600px; color: #fff; line-height: 32px; } .content_wrap { border-radius: 10px; width: 88%; max-width: 1280px; /* min-width: 750px; */ margin: 0 auto; z-index: 100; position: relative; background: #f9f9f9; } .sub_menu { width: 100%; background: #fff; box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%); height: 110px; line-height: 110px; position: relative; z-index: 99; border-radius: 10px; box-sizing: border-box; padding: 0px 50px; } #nav .c { color: #2680eb; border-bottom: 3px solid #2680eb; } .sub_menu a { margin-right: 5%; font-size: 18px; color: #818b9e; height: 107px; line-height: 110px; display: block; float: left; border-bottom: 3px solid #fff; padding: 0px 15px; } .cooperative-users-container .title { padding: 120px 0 50px 0; text-align: center; font-size: 28px; font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #000000; line-height: 33px; } .cooperative-users-container .content { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 80px; } .cooperative-users-container .content img { width: 33.3%; height: auto; transition: all .5s ease .1s; } .cooperative-users-container .content img:hover { transform: scale(1.1); } .footer-container { max-width: 1920px; margin: 0 auto; background-color: #26272a; padding: 42px 0 80px 0; } .footer-container .row { width: 1200px; margin: 0 auto; display: flex; } .footer-container .row { display: flex; } .footer-container .row .col { width: 50%; box-sizing: border-box; padding: 12px 0 12px 46px; font-size: 14px; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; color: #B4B7BE; line-height: 16px; } .footer-container .footer_logo { width: 1200px; margin: 0 auto; margin-top: 20px; } .footer-container .footer_logo img { width: 160px; height: auto; padding-left: 46px; padding-top: 18px; } /* 移动端 */ @media screen and (orientation:portrait) and (max-device-width:750px) { .cooperative-users-container { padding-top: 60px; } .cooperative-users-container .content { width: 100%; } .cooperative-users-container .content img { width: 50%; } .footer-container { width: 100%; padding: 96px 0 105px 0; } .footer-container .row { width: 100%; box-sizing: border-box; } .footer-container .row .col { font-size: 24px; font-family: PingFang SC-Medium, PingFang SC; font-weight: 500; color: #B4B7BE; line-height: 28px; } .footer-container .row .col:nth-child(2) { padding-left: 0; } .footer-container .footer_logo { width: 100%; box-sizing: border-box; } .footer-container .footer_logo img { width: 160px; height: auto; padding-left: 46px; padding-top: 18px; } .shareBox{ display: none; } } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .d-flex { display: -ms-flexbox !important; display: flex !important } .share-weixin{ cursor: pointer; padding-left: 36px; height: 36px; font-size:15px; background: url(./img/weixin.png) 0 0 no-repeat; } .firstline1{ padding-left: 36px; } </style> </head> <body> <div class="contentBox mobileBox"> <div class="toBar" style="background-color: #0966CE;"> <div class="toBarBox"> <div class="logo"><img class="image" src="/images/footer_logo.png" /></div> <div class="login"> <a href="/index.php?r=site%2Flogin">登录</a> | <a href="/index.php?r=site%2Fsignup">免费注册</a> | <span style="text-align: center; color:#ffffff;"><span>分享到：</span><span title="分享到微信" class="share-weixin"></span> </span> </div> </div> </div> <div class="bannernyts"> <div class="mobileShow bannerView"> <div class="titleContent"> <div class="big-title">华文融媒云中心</div> <div class="small-title"> 专为新闻宣传和期刊编辑打造的高效平台！智能采编、一键发布至多平台，自动提醒与记忆功能，让工作更流畅高效。针对期刊特别新增查重和盲审功能，保障内容质量。支持多版本定制，全面适配报纸、内刊、期刊等需求。省时省力，显著提升传播力与影响力！立即体验，开启融媒体高效新模式！</div> </div> <img class="bannerImg" src="/images/topBanner.png"> </div> </div> <div class="maodian" id="a1"></div> <!--产品优势--> <div class="productAdvantages moduleItem"> <div class="center"> <div class="newTitle">产品版本 <div class="titleBlock"></div> </div> <div class="content"> <div class="item item1"> <a href="https://dmt.r.ihwrm.com/"> <div class="iconImg"> <img class="image" src="/images/productAdvantagesIcon2.png" /> </div> <div class="itemtitle"> 大媒体版 </div> </a> </div> <div class="item"> <a href="https://jh.r.ihwrm.com/"> <div class="iconImg"> <img class="image" src="/images/productAdvantagesIcon1.png" /> </div> <div class="itemtitle"> 精华版 </div> </a> </div> <div class="item "> <a href="https://yy.r.ihwrm.com/"> <div class="iconImg"> <img class="image" src="/images/productAdvantagesIcon2.png" /> </div> <div class="itemtitle"> 医院版 </div> </a> </div> <div class="item "> <a href="https://nk.ihwrm.com/"> <div class="iconImg"> <img class="image" src="/images/productAdvantagesIcon3.png" /> </div> <div class="itemtitle"> 内刊版 </div> </a> </div> <div class="item"> <a href="https://q.ihwrm.com/"> <div class="iconImg"> <img class="image" src="/images/productAdvantagesIcon4.png" /> </div> <div class="itemtitle"> 期刊版 </div> </a> </div> </div> </div> </div> <!-- 页脚 --> <footer class="footer-container d-flex align-items-center justify-content-center"> <ul class="list-unstyled"> <li>版权所有 © 2006-2024 华文融媒云</li> <li>京ICP备12019430号-7</li> <li>增值电信业务许可证：B1-20212336</li> <li>公安机关备案号：11010802033551</li> </ul> </footer> <div id="imgDiv" style="display: none"></div> </div> <style type="text/css"> center { width: 1200px; margin: 0 auto; } .content { overflow: hidden; margin-top: 20px; } /**title样式**/ .newTitle { width: 100%; height: 46px; font-size: 28px; font-weight: bold; color: #000000; line-height: 33px; text-align: center; } .titleBlock { background: #0966CE; opacity: 0.3; height: 14px; width: 155px; text-align: center; margin: 0 auto; margin-top: -8px; border-radius: 10px; } .moduleItem { width: 100%; margin-bottom: 60px; } /**产品优势**/ .productAdvantages { padding: 30px 0; background: #f9f9f9; } .productAdvantages .content { display: flex; overflow: hidden; align-content: space-between; flex-wrap: wrap; } .productAdvantages .item { /* flex: 0 0 19.5%; */ background: #fff; padding: 30px 20px; border-radius: 10px; box-shadow: 0px 2px 10px 0px rgb(140 140 140 / 25%); cursor: pointer; margin: 7px 0; transition: all 0.5s; height: 190px; -moz-transition: all 0.5s; justify-content: space-between; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ box-sizing: border-box; width: 18%; /*width: 23.5%;*/ } .productAdvantages .item:hover { transform: translateY(-8px); } .productAdvantages .item:not(:first-child) { margin-left: 2%; } .productAdvantages .item .iconImg { height: 56px; width: 56px; margin: 0 auto; } .productAdvantages .item .iconImg .image { height: 100%; width: 100%; } .productAdvantages .item .itemtitle { height: 30px; font-size: 20px; font-weight: bold; color: #000000; line-height: 30px; text-align: center; margin-top: 24px; } .productAdvantages .item .itemdes { font-size: 14px; color: rgba(0, 0, 0, 0.70); line-height: 18px; margin-top: 10px; text-align: center; } @media only screen and (min-width: 750px) and (max-width: 1024px) { body { width: 100%; margin: 0 auto; } #wainav.sub_menu a { margin-right: 36px; } .mobileShow.bannerView { padding: 30px 70px; color: #fff; } } @media screen and (orientation:portrait) and (max-device-width:750px) { .center { width: 100%; } .productAdvantages .item { flex: 0 0 30%; margin: 20px 15px; } .productAdvantages .firstline .item { flex: 0 0 48%; margin: 20px 0px 8px 0px; } } /**产品优势**/ .productfunction { width: 100%; margin-bottom: 60px; } .productfunction .leftContent { float: left; width: 500px; } .productfunction .leftContent .image { width: 100% } .productfunction .rightContent { float: right; width: 640px; height: 564x; /* padding-right: 10px; */ } .productfunction .rightContent .item { background: #F7F8FA; padding: 24px 40px; border-radius: 20px; } .productfunction .rightContent .item:not(:first-child) { margin-top: 16px; } .productfunction .rightContent .item .itemtitle { height: 22px; font-size: 20px; font-weight: bold; color: #000000; line-height: 19px; } .productfunction .rightContent .item .itemdes { font-size: 14px; color: rgba(0, 0, 0, 0.70); line-height: 18px; margin-top: 10px; } /**应用场景**/ .applicationScenario { padding: 30px 0; padding-top: 70px; background: #f9f9f9; } .applicationScenario .content { overflow: hidden; } .applicationScenario .item { background: #fff; /* padding: 20px; */ border-radius: 10px; box-shadow: 0px 2px 10px 0px rgb(140 140 140 / 25%); cursor: pointer; margin: 7px 0; overflow: hidden; float: left; width: 32%; } .applicationScenario .item:hover { box-shadow: 0px 2px 10px 0px rgb(140 140 140 / 40%); } .applicationScenario .item:not(:first-child) { margin-left: 2%; } .applicationScenario .item .textContent { padding: 18px; height: 144px; } .applicationScenario .item .itemtitle { height: 22px; font-size: 16px; font-weight: bold; color: #000000; line-height: 19px; } .applicationScenario .item .itemdes { font-size: 14px; color: #666666; line-height: 20px; margin-top: 8px; } .applicationScenario .item .imgTip { width: 100%; height: 160px; overflow: hidden; } .applicationScenario .item .imgTip .image { width: 100%; height: 160px; } .toBar a { color: #fff; } @media only screen and (min-width: 750px) and (max-width: 1024px) { body { width: 100%; margin: 0 auto; } .toBar { padding: 0 20px; } .logo { height: 84px !important; } .logo .image { height: 84px; } .toBarBox .login { font-size: 28px; margin-top: 5px; color: #fff; } .toBarBox .navItem { padding: 0 7px !important; margin: 0 6px !important; } .navItem.active { border-bottom: 4px solid #5688F2; color: #5688F2; font-weight: bold; } .contentBox .toBarBox { height: 110px !important; } .navBox { float: none; margin-top: 97px; position: absolute; font-size: 28px; } .contentBox .text .des { width: 480px; margin: 0 auto; text-align: left; margin-top: 26px; line-height: 32px; } .contentBox .center { width: 100% !important; margin: 0 auto !important; padding: 0 24px !important; box-sizing: border-box; } .contentBox .center .content { width: 100% !important; margin-top: 1px; padding-left: 15px; } .leftContent .itemtitle { font-size: 24px !important; } .rightContent { float: none !important; width: 100% !important; /* padding: 0 20px !important; */ } .rightContent .image { margin: 0 auto; display: block; } } @keyframes ball { 0% { top: 0px; left: 0px; } 25% { top: 0px; left: 20px; } 50% { top: 100px; left: 250px; } 75% { top: 200px; left: 0px; } 100% { top: 0px; left: 0px; } } @keyframes rotate { 100% { transform: rotate(-10deg); } } .itemBanner { height: 500px; float: left; } .center { width: 1200px; margin: 0 auto; } .toBarBox { max-width: 1200px; margin: 0 auto; width: 100%; overflow: hidden; height: 64px; line-height: 64px; color: rgba(51, 51, 51, 1); } .toBarBox>div { float: left; } .toBarBox .logo { width: 160px; margin-right: 27px; } .toBarBox .navItem { padding-right: 27px; cursor: pointer; float: left; } .toBarBox .login { float: right; color: #fff; height: 38px; padding: 0 20px; line-height: 38px; margin-top: 12px; cursor: pointer; } .text { width: 690px; float: left; margin-top: 130px; } .text .des { font-size: 20px; font-weight: 500; color: #FFFFFF; line-height: 30px; margin-top: 20px; } .icon { float: right; } .platform-icon { width: 92px; height: 92px; } .left { float: left; } .right { float: right; } .nav_fixed { max-width: 100% !important; margin: 0 !important; width: 100%; position: fixed; top: 64px; padding: 0; } @media screen and (min-width: 751px) { .firstline { margin-left: 200px !important; } .firstline .Odd{ margin-right: 100px !important; } ｝ </style> <script src="/js/jquery.min.js"></script> <script src="./js/layer_v3.1.1/layer.js"></script> <script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script src="./js/jquery.qrcode.min.js"></script> <script> var url = window.location.href; function qrcodeImg() { $("#imgDiv").html('<div id="qrcodeImg" class="img-responsive"></div>'); $('#qrcodeImg').qrcode({ //二维码生成方式 table/canvas render: "canvas", //前景色 foreground: "#000000", //背景色 background: "#FFF", //指定宽 width: 160, //指定高 height: 160, //二维码地址 text: url }); } $(document).ready(function () {//在文档加载完毕后执行 var navTop = $(".content_wrap").offset().top; $(window).scroll(function () {//开始监听滚动条 var topp = $(document).scrollTop(); if (topp > navTop) { $('.content_wrap').addClass('nav_fixed') $('.productAdvantages').addClass('firstMaodian') } else { $('.content_wrap').removeClass('nav_fixed') $('.productAdvantages').removeClass('firstMaodian') } for (i = 1; i < 5; i++) { //debugger let idTop = $("#a" + i).offset().top if (navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i)) { if (i === 3) idTop = idTop - 31 } if (idTop <= topp) { //判断滚动条位置 if (navigator.userAgent.match(/Mobi/i) || navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/iPhone/i)) { if (topp + window.innerHeight >= $('html').outerHeight(true)) { $('#nav a').removeClass("c"); //清除c类 $("#a" + '44').addClass("c"); //给当前导航加c类 } else { console.log(i, "iiiii", $("#a" + i).offset().top, topp); $('#nav a').removeClass("c"); //清除c类 $("#a" + i + i).addClass("c"); //给当前导航加c类 } } else { $('#nav a').removeClass("c"); //清除c类 $("#a" + i + i).addClass("c"); //给当前导航加c类 } } } }) }) $('#nav a').click(function () { $('#nav a').removeClass("c"); $(this).addClass("c"); }); $(".share-weixin").click(function () { //函数内容 qrcodeImg(); var ca = $("#imgDiv").find("canvas")[0]; //获取二维码中的图片地址 var src_xp = ca.toDataURL('image/jpeg'); var my_content = '<img style="width:160px;padding:15px" src="' + src_xp + '">'; layer.open({ type: 1,//类型 title: '',//窗口名字 content: my_content }); }); //加载jsTicket，此处的loadWxJsSignature访问springboot的controller，access_token、jsapi_ticket、随机字符串、时间戳、签名均由服务器获取或生成，并通过AJAX方法传递到前端。 $.getJSON("/wxjs_signature.php", { url: url }, function (resultdata) { if (resultdata.errcode == 0) { //ok console.log("signature：ok"); let appId = resultdata.result.appId; let noncestr = resultdata.result.noncestr; let timestamp = resultdata.result.timestamp; let signature = resultdata.result.signature; //wx配置 wx.config({ debug: false, appId: appId, timestamp: timestamp, nonceStr: noncestr, signature: signature, jsApiList: [ 'updateTimelineShareData', //自定义分享到朋友圈及QQ空间按钮 'updateAppMessageShareData'//自定义发送给朋友及QQ好友按钮 ] }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.updateAppMessageShareData({ title: '华文融媒云中心', // 分享标题 desc: '融媒云中心首创工作提醒、记忆功能。实现快速审稿，欢迎试用', // 分享描述 link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: 'http://share.ihwrm.com/zy_logo.png', // 分享图标 success: function () { // 设置成功 } }); wx.updateTimelineShareData({ title: '华文融媒云中心', // 分享标题 link: url, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: 'http://share.ihwrm.com/zy_logo.png', // 分享图标 success: function () { // 设置成功 } }) }); } else { console.log("signature:" + resultdata.errcode); console.log("signature:" + resultdata.errmsg); } }); </script> <script> var phoneWidth = parseInt(window.screen.width); var phoneHeight = parseInt(window.screen.height); var phoneScale = phoneWidth / 750;//除以的值按手机的物理分辨率 console.log('phoneScale:', phoneScale) var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)) { var version = parseFloat(RegExp.$1); // andriod 2.3 if (version > 2.3) { document.write('<meta name="viewport" content="width=device-width,initial-scale=' + phoneScale + ',minimum-scale=' + phoneScale + ',maximum-scale=' + phoneScale + ',user-scalable=no">'); // andriod 2.3以上 } else { document.write('<meta name="viewport" content="width=device-width,user-scalable=no">'); } // 其他系统 } else { document.write('<meta name="viewport" content="width=device-width, initial-scale=' + phoneScale + ',minimum-scale=' + phoneScale + ',maximum-scale =' + phoneScale + ',user-scalable=no,">'); } </script> </body> </html>