图片展示

首页

温馨港湾理想彼岸风雨同舟

业务赋能数字化党建

讲师团队专家顾问

解决方案

仁脉

FAMILY

年味·乡情

发表时间： 2022-08-19 16:52:42

作者：仁脉教育

浏览：

<style> .share .tips,.share .social-share{ display: inline-block; } #module_428994016 .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: -84px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; } #module_428994016 .social-share .icon-wechat:hover .wechat-qrcode { display: block; } #module_428994016 .social-share .social-share-icon { position: relative; display: inline-block; width: 36px; height: 36px; font-size: 20px; border-radius: 50%; line-height: 36px; border: 1px solid #ccc; color: #999; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s; } #module_428994016 .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto; } #module_428994016 .social-share .icon-wechat .wechat-qrcode .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; } #module_428994016 .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; } #module_428994016 .social-share .icon-wechat .wechat-qrcode h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777; } #module_428994016 .social-share a { position: relative; text-decoration: none; margin: 4px; display: inline-block; outline: none; } #module_428994016 .share{ position: relative;} #module_428994016 .moreshare{ transition: all 0.5s; visibility:hidden; position: fixed; bottom: 0; opacity:0; z-index: 99999; left: 0; width: 100%; background: #F7F8FA;} #module_428994016 .headtips{ display:flex; border-bottom: 1px #eeeeee solid; height: 50px; align-items: center; justify-content: space-between;} #module_428994016 .bottomtips{ font-size: 16px; display: flex; border-top: 1px #fff solid; height: 50px; align-items: center; justify-content: center; background: #fff; color: #333; cursor: pointer;} #module_428994016 .headtips .txt{padding-left: 18px; color:#666666; font-size: 16px;} #module_428994016 .headtips .closemore{ cursor: pointer; padding-right: 20px;} #module_428994016 .moreshare-content{ padding: 25px 25px 50px 25px; } #module_428994016 .moreshare-content .social-share .social-share-icon{ width: 56px; height: 56px; line-height: 56px; margin: 0px; margin-right:calc((100% - 236px) / 3); /* background-image:url(//cdn.img-sys.com/images/shareicon-bg.png); */ font-size: 0; background-position-y: -1px; border: none !important; } #module_428994016 .moreshare-content .social-share .social-share-icon:nth-child(4n){ margin-right: 0px; } #module_428994016 .mt29{ margin-top: 70px !important;} #module_428994016 .icon-txt{ width: 56px; color:#666666; font-size: 12px; line-height: 20px; margin-top: 10px;} #module_428994016 .social-share .icon-default-WeChat:hover,#module_428994016.social-share .type-douban:hover{ color: #3dbe5b !important; border-color: #3dbe5b !important;} #module_428994016 .social-share .type-weibo:hover{ color: #ff5757 !important; border-color: #ff5757 !important;} #module_428994016 .social-share .icon-kefulei_huabanfuben11:hover{ color: #21b3f7 !important; border-color: #21b3f7 !important;} #module_428994016 .social-share .icon-kongjian:hover{ color: #f8c514 !important; border-color: #f8c514 !important;} #module_428994016 .social-share .icon-lianjie1:hover{ color: #999 !important; border-color: #999 !important;} #module_428994016 .social-share .icon-Facebook2:hover{ color:#3D5A98!important; border-color:#3D5A98!important;} #module_428994016 .social-share .icon-Twitter1:hover{ color:#1DA1F3!important; border-color:#1DA1F3!important; } #module_428994016 .social-share .icon-linkedin:hover{ color:#0b66c3!important; border-color:#0b66c3!important;} #module_428994016 .social-share .icon-tumblr:hover{ color:#36465f!important;border-color:#36465f!important;} #module_428994016 .social-share .icon-Pinterest:hover{ color:#cb2027!important; border-color:#cb2027!important;} #module_428994016 .social-share .icon-vk:hover{ color:#4c6c91!important; border-color:#4c6c91!important;} #module_428994016 .social-share .icon-Facebook2{ color:#3D5A98;} #module_428994016 .social-share .icon-Twitter1{ color:#1DA1F3; } #module_428994016 .social-share .icon-linkedin{ color:#0b66c3; } #module_428994016 .social-share .icon-tumblr{ color:#36465f;} #module_428994016 .social-share .icon-Pinterest{ color:#cb2027;} #module_428994016 .social-share .icon-vk{ color:#4c6c91; } #module_428994016 .social-share .icon-lianjie1{ color: #999 ;} #module_428994016 .vertical .social-share .icon-lianjie1{ color: #999 !important;border-color:#999 !important;} #module_428994016 .vertical .social-share .icon-default-WeChat,#module_428994016 .vertical .social-share .type-douban{ color: #3dbe5b !important; border-color: #3dbe5b !important;} #module_428994016 .vertical .social-share .type-weibo{ color: #ff5757 !important; border-color: #ff5757 !important;} #module_428994016 .vertical .social-share .icon-kefulei_huabanfuben11{ color: #21b3f7 !important; border-color: #21b3f7 !important;} #module_428994016 .vertical .social-share .icon-kongjian{ color: #f8c514 !important; border-color: #f8c514 !important;} #module_428994016 .vertical .social-share .icon-lianjie1{ color: #999 !important; border-color: #999 !important;} #module_428994016 .vertical .social-share .icon-Facebook2{ color:#3D5A98!important; border-color:#3D5A98!important;} #module_428994016 .vertical .social-share .icon-Twitter1{ color:#1DA1F3!important; border-color:#1DA1F3!important; } #module_428994016 .vertical .social-share .icon-linkedin{ color:#0b66c3!important; border-color:#0b66c3!important;} #module_428994016 .vertical .social-share .icon-tumblr{ color:#36465f!important;border-color:#36465f!important;} #module_428994016 .vertical .social-share .icon-Pinterest{ color:#cb2027!important; border-color:#cb2027!important;} #module_428994016 .vertical .social-share .icon-vk{ color:#4c6c91!important; border-color:#4c6c91!important;} #module_428994016 .vertical { display: none;} #module_428994016 .share-mobile{ display: none;} #module_428994016 .mobile-share { padding: 0 10px; height: 32px; border: 1px solid #ccc; border-radius: 16px; line-height: 32px; text-align: center; cursor: pointer; } #module_428994016 .shareMask{ top: 0; left: 0; position: fixed; z-index: 9999; height: 100%; width: 100%; background: #000; opacity: 0.6; display: none;} #module_428994016 .share-wx-qrcode-img .help p{ width: 270px; margin: 0 auto; color:#999; display: block; line-height: 20px; height: auto; } #module_428994016 .share-wx-qrcode-img,.wechat-qrcode { border-radius: 5px; top:0px; position: fixed;z-index:9999; top: 50%; left: 50%;box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.09); transform: translate(-50%,-50%);text-align: center; width: 270px; background: #fff; visibility: hidden;} #module_428994016 #wx-qrcode{ width: 224px; height: 224px; margin: 0 auto;} #module_428994016 .share-wx-qrcode-img h4{border-top-right-radius: 5px; border-top-left-radius: 5px;background: #F7F8FA; height: 40px; line-height: 40px; font-size: 16px; color: #666; font-weight: bold; margin-bottom: 13px;} #module_428994016 .share-wx-qrcode-img .help{ margin-top: 12px; margin-bottom: 19px; color: #999;font-size: 14px; line-height: 20px;} #module_428994016 .share-wx-tips{ display: none; z-index: 99999; position: fixed; top: 10px; right: 35px; color: #fff; font-size: 24px; text-align: center;} #module_428994016 .vertical{ display: none; width: 142px; position:absolute; background: #ffffff; border-radius: 4px; box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.09); margin-top: 15px; left: 50%; transform: translateX(-50%); z-index: 999; } #module_428994016 .vertical .social-share{ display: block; } #module_428994016 .vertical .social-share-icon{ text-align:left; padding-left: 20px;display: block; height: 40px; line-height: 40px; width: 100%; border:none !important ;border-radius: unset;} #module_428994016 .vertical::after{ content: ''; width: 0; height: 0; border: 10px solid; border-color: transparent transparent #ffffff; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); } #module_428994016 .vertical .social-share-icon a,.vertical .social-share a {margin: 0;} #module_428994016 .vertical .social-share-icon:hover{background-color: #F6F6F6;} #module_428994016 .vertical .social-share-icon .tipstxt{font-size: 14px; color: #999; margin-left:13px;} #module_428994016 .gwshare { display: none;} #module_428994016 .moreshare-content .social-share .gwshare .social-share-icon { background-image:none; font-size: 16px; } .gnshare,.gwshare{ text-align: left;} @media only screen and (max-width: 767px) { #module_428994016 .moreshare-content .gwshare .social-share-icon{ background: #fff !important;} #module_428994016 .moreshare-content .social-share .icon-Facebook2{ color:#3D5A98 !important;;} #module_428994016 .moreshare-content .social-share .icon-Twitter1{ color:#1DA1F3 !important;; } #module_428994016 .moreshare-content .social-share .icon-linkedin{ color:#0b66c3 !important;; } #module_428994016 .moreshare-content .social-share .icon-tumblr{ color:#36465f !important;;} #module_428994016 .moreshare-content .social-share .icon-Pinterest{ color:#cb2027 !important;;} #module_428994016 .moreshare-content .social-share .icon-vk{ color:#4c6c91 !important;; } #module_428994016 .moreshare-content .social-share .icon-lianjie1{ color: #999 !important;;} } </style> <script type="text/javascript" charset="utf-8" src="//static.styles-sys.com/share/social-share/social-share.js"></script> <script type="text/javascript" src="//static.styles-sys.com/share/clipboard/clipboard.min.js"></script> <script> var lang =""; var cururl = ""; function copylink(){ var clipboard = new Clipboard('body',{ text:function(){ return document.title +'\n'+ cururl }, }); clipboard.on('success', function(e) { alert('复制成功！'); e.clearSelection(); clipboard.destroy() }); clipboard.on('error', function(e) { prompt('复制失败，请选中后手动复制！', cururl); }); } function loadfunc(){ loadShare(); var ua = navigator.userAgent.toLowerCase(); lang = getCookie("IsDefaultLang") == '1' ? "" : getCookie("Lang"); cururl = window.location.protocol + '//'+ window.location.host + '/' + lang + window.location.pathname.replace('/' + lang ,'') /** * 百度小程序很坑爹，自己屏蔽别人的链接，却说打不开，然后审核不给通过 * 这里把链接跳转的类型去掉 */ if (ua.match(/baiduboxapp/i) == "baiduboxapp") { $('.share a.type-weibo').remove(); $('.share a.type-qq').remove(); $('.share a.type-qzone').remove(); $('.share a.type-douban').remove(); } if(getCookie("Lang") == 'cn' || getCookie("Lang") == 'big5') { $('.gnshare').show(); $('.gwshare').hide(); } else { $('.gnshare').hide(); $('.gwshare').show(); } function createwxqrcode(){ var wxqrcode = document.querySelector("#share-wx-qrcode-img");// 需要绘制的部分的 (原生）dom 对象，注意容器的宽度不要使用百分比，使用固定宽度，避免缩放问题 var width = wxqrcode.offsetWidth; // 获取(原生）dom 宽度 var height = wxqrcode.offsetHeight; // 获取(原生）dom 高 var offsetTop = wxqrcode.offsetTop; //元素距离顶部的偏移量 var canvas = document.createElement('canvas'); //创建canvas 对象 var context = canvas.getContext('2d'); var scaleBy = 1; //获取像素密度的方法 (也可以采用自定义缩放比例) canvas.width = width * scaleBy; //这里由于绘制的dom 为固定宽度，居中，所以没有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度问题，由于顶部有个距离所以要加上顶部的距离，解决图像高度偏移问题 context.scale(scaleBy, scaleBy); var opts = { useCORS:true, allowTaint:true,//允许加载跨域的图片 tainttest:true, //检测每张图片都已经加载完成 scale:scaleBy, // 添加的scale 参数 canvas:canvas, //自定义 canvas //logging: true, //日志开关 width:width, //dom 原始宽度 height:height //dom 原始高度 }; html2canvas(wxqrcode,opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.wechat-qrcode').addClass('hasimg'); $('.wechat-qrcode').html(newImg); $('.wechat-qrcode').css("visibility","visible"); $("#share-wx-qrcode-img").remove(); }) } $('.verticalshare').unbind('click').click(function(){ $('.vertical').toggle(); }) $(document).bind("click", function (e) { if($(e.target).closest(".verticalshare").length == 0) { $('.vertical').hide(); } }) $('.icon-default-WeChat').unbind('click').click(function(){ $('.vertical').hide() $('.shareMask').show(); $('.moreshare').css('opacity',0) $('.moreshare').css("visibility","hidden") //如果是在微信分享中分享的话 if(navigator.userAgent!=undefined && navigator.userAgent.toLowerCase().indexOf('micromessenger')>-1) { $('.share-wx-tips').show(); return; } if($('.wechat-qrcode').hasClass('hasimg')){ $('.wechat-qrcode').css("visibility","visible"); }else{ $("#share-wx-qrcode-img").css("visibility","visible") var params = {text:cururl,width:224,height:224}; if($('#wx-qrcode').html().length == 0 ) $('#wx-qrcode').qrcode(params); } }) $(".mobile-share").unbind('click').click(function(){ $('.shareMask').show(); $('.moreshare').css("visibility","visible") $('.moreshare').css('opacity',1) }) $(".bottomtips,.shareMask").unbind('click').click(function(){ $('.shareMask').hide() $('#share-wx-qrcode-img').css("visibility","hidden") $('.share-wx-tips').hide() $('.wechat-qrcode').css("visibility","hidden") $('.moreshare').css('opacity',0) $('.moreshare').css("visibility","hidden") }) } loadfunc(); $(window).load(function(){ loadfunc() }) </script> <div class="share"> <div class="share-wx-tips"> <img style="width: 50%; margin-left: 180px;" src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/share-wx-tips.png"> <div>点击右上角</div> <div>分享给朋友吧</div> </div> <div class="share-pc"> <div class="horizontal"> <div class="tips">分享到：</div> <div class="social-share" data-initialized="true"> <div class="gnshare"> <a href="javascript:void(0)" title="微信分享" class="social-share-icon iconfont icon-default-WeChat pcwechat"></a> <a href="#" title="新浪微博" class="social-share-icon iconfont type-weibo icon-default-Weibo "></a> <a href="#" title="腾讯QQ" class="social-share-icon iconfont type-qq icon-kefulei_huabanfuben11"></a> <a href="#" title="QQ空间" class="social-share-icon iconfont type-qzone icon-kongjian"></a> <a rel="noreferrer noopener nofollo" href="#" title="豆瓣" class="social-share-icon iconfont type-douban icon-default-douban "></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"></a> </div> <div class="gwshare"> <a href="#" title="Twitter" class="social-share-icon iconfont type-Twitter icon-Twitter1"></a> <a href="#" title="Facebook" class="social-share-icon iconfont type-Facebook icon-Facebook2"></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr"></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest"></a> <a href="#" title="VK" class="social-share-icon iconfont type-vk icon-vk"></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin"></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"></a> </div> </div> </div> <div class="vertical"> <div class="social-share" data-initialized="true"> <div class="gwshare"> <a href="#" title="Twitter" class="social-share-icon iconfont type-Twitter icon-Twitter1"><span class="tipstxt">Twitter</span></a> <a href="#" title="Facebook" class="social-share-icon iconfont type-Facebook icon-Facebook2"><span class="tipstxt">Facebook</span></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr"><span class="tipstxt">Tumblr</span></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest"><span class="tipstxt">Pinterest</span></a> <a href="#" title="VK" class="social-share-icon iconfont type-vk icon-vk"><span class="tipstxt">VK</span></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin"><span class="tipstxt">Linkedin</span></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"><span class="tipstxt">复制链接</span></a> </div> <div class="gnshare"> <a href="javascript:void(0)" title="微信分享" class="social-share-icon iconfont icon-default-WeChat pcwechat"><span class="tipstxt" style="margin-left:12px">微信扫一扫</span></a> <a href="#" title="新浪微博" class="social-share-icon iconfont type-weibo icon-default-Weibo "><span class="tipstxt">新浪微博</span></a> <a href="#" title="腾讯QQ" class="social-share-icon iconfont type-qq icon-kefulei_huabanfuben11"><span class="tipstxt">腾讯QQ</span></a> <a href="#" title="QQ空间" class="social-share-icon iconfont type-qzone icon-kongjian"><span class="tipstxt" >QQ空间</span></a> <a href="#" rel="noreferrer noopener nofollo" title="豆瓣" class="social-share-icon iconfont type-douban icon-default-douban "><span class="tipstxt">豆瓣</span></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1"><span class="tipstxt">复制链接</span></a> </div> </div> </div> </div> <div class="share-mobile"> <div class="mobile-share"> <i class="iconfont icon-fenxiang4 "></i> <span>分享</span> </div> <div class="moreshare"> <div class="moreshare-content" > <div class="social-share" style= "width: 100%;" data-initialized="true"> <div class="gwshare"> <a href="javascript:void(0)" title="生成海报" class="social-share-icon iconfont createhb icon-shengchenghaibao" style="color: red; background: #fff; font-size: 20px;"><div class="icon-txt">生成海报</div></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1" οnclick=""><div class="icon-txt" style="width: 60px;margin-left: -5px;">复制链接</div></a> <a href="#" title="Twitter" class="social-share-icon type-Twitter iconfont icon-Twitter1 " ><div class="icon-txt">Twitter</div></a> <a href="#" title="Facebook" class="social-share-icon type-Facebook iconfont icon-Facebook2"><div class="icon-txt">Facebook</div></a> <a href="#" title="Tumblr" class="social-share-icon iconfont type-tumblr icon-tumblr mt29"><div class="icon-txt">Tumblr</div></a> <a href="#" title="Pinterest" class="social-share-icon iconfont type-pinterest icon-Pinterest mt29"><div class="icon-txt">Pinterest</div></a> <a href="#" title="VK"class="social-share-icon iconfont type-vk icon-vk mt29"><div class="icon-txt">VK</div></a> <a href="#" title="Linkedin" class="social-share-icon iconfont type-linkedin icon-linkedin mt29"><div class="icon-txt">Linkedin</div></a> </div> <div class="gnshare"> <a href="javascript:void(0)" title="生成海报" class="social-share-icon iconfont createhb icon-shengchenghaibao" style="color: red; background: #fff; font-size: 20px;"><div class="icon-txt">生成海报</div></a> <a href="javascript:void(0)" title="复制链接" onclick="copylink()" class="social-share-icon iconfont copylink1 icon-lianjie1" οnclick=""><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/shareicon/copylink.png"/><div class="icon-txt">复制链接</div></a> <a href="#" title="微信分享" class="social-share-icon iconfont icon-default-WeChat"><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/shareicon/weixin.png"/><div class="icon-txt">微信分享</div></a> <a href="#" title="新浪微博" class="social-share-icon type-weibo icon-default-Weibo "><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/shareicon/weibo.png"/><div class="icon-txt">新浪微博</div></a>  <a href="#" title="QQ空间" class="social-share-icon type-qzone icon-kongjian mt29" ><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/shareicon/kongjian.png"/><div class="icon-txt">QQ空间</div></a> <a href="#" title="豆瓣" rel="noreferrer noopener nofollo" class="social-share-icon type-douban icon-default-douban mt29"><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/shareicon/douban.png"/> <div class="icon-txt">豆瓣</div></a> </div> </div> </div> <div class="bottomtips">取消</div> </div> </div> <div class="shareMask"></div> <div id="share-wx-qrcode-img" class="share-wx-qrcode-img"> <h4>分享至微信分享</h4> <div id="wx-qrcode"></div> <div class="help"> <p >打开微信分享“扫一扫”<br /> 即可分享到微信分享</p> </div> </div> <div class="wechat-qrcode"></div> </div> <script type="text/javascript"> function createQrcodeImg(){ var shareContent = document.querySelector("#shareContent");// 需要绘制的部分的 (原生）dom 对象，注意容器的宽度不要使用百分比，使用固定宽度，避免缩放问题 var width = shareContent.offsetWidth + 24; // 获取(原生）dom 宽度 var height = shareContent.offsetHeight; // 获取(原生）dom 高 var offsetTop = shareContent.offsetTop; //元素距离顶部的偏移量 var canvas = document.createElement('canvas'); //创建canvas 对象 var context = canvas.getContext('2d'); var scaleBy = 2.5; //获取像素密度的方法 (也可以采用自定义缩放比例) canvas.width = width * scaleBy; //这里由于绘制的dom 为固定宽度，居中，所以没有偏移 canvas.height = (height + offsetTop) * scaleBy; // 注意高度问题，由于顶部有个距离所以要加上顶部的距离，解决图像高度偏移问题 context.scale(scaleBy, scaleBy); var opts = { useCORS:true, allowTaint:true,//允许加载跨域的图片 tainttest:true, //检测每张图片都已经加载完成 scale:scaleBy, // 添加的scale 参数 canvas:canvas, //自定义 canvas logging: true, //日志开关 width:width, //dom 原始宽度 height:height //dom 原始高度 }; html2canvas(shareContent,opts).then(function (canvas) { var dataUrl = canvas.toDataURL(); var newImg = document.createElement("img"); newImg.src = dataUrl; $('.img-show').html(newImg); $('#shareContent').remove(); $('.imgmodal-txt').removeClass('showhide'); }); } function isIOS(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if(userAgent.indexOf('iPhone') > -1){ return true; }else{ return false; } } $(document).ready(function(){ showqrcode(); }); function showqrcode(){ $(".dou").html('<img class="dou" no-delay="1" src="'+window.location.protocol+'//'+window.location.host+'/images/dou.png?cdn=0" style=" width: 50%;">'); $("#shareContent").css("background-image","url("+window.location.protocol+'//'+window.location.host+"/images/posterbg.png?cdn=0)") var PosterIcon = '' if(PosterIcon != '' ){ $("#jq-logo").html('<img no-delay="1" src="'+window.location.protocol+'//'+window.location.host + PosterIcon+'?cdn=0">'); } //$('.bgcolor').css('background-color',$('.newsDetailcolor').css('color')) var date = new Date('2022-08-19 16:52:42'.replace(/-/g,'/')) $('.yaer').html(date.getFullYear()+"年"); $('.date').html((date.getMonth()+1)+"月"+date.getDate()+"日") // 获取日(1-31) // $(".news-img-deail").html('<img src="https://v.qq.com/txp/iframe/player.html?vid=d3352zl0h2i"/>'); $('.createhb').unbind().on('click',function(){ $('.shareMask').hide(); $('.moreshare').css('visibility','hidden'); $('.moreshare').css('opacity','0'); $('.imgmodal').show(); if(!$('.img-show').hasClass('imghas')){ $('.imgmodal-txt').addClass('showhide'); $('.img-show').addClass('imghas'); var lang = getCookie('Lang') var qrurl = window.location.host +'/' + lang + window.location.pathname var params = {text:window.location.protocol+'//'+qrurl,width:74,height:74}; var cc = $('.html2canvas').html(); $('.html2canvas').remove(); $('#shareContent').html(cc); $('#jq-qrcode').qrcode(params); //return //延时一下，保证图片加载正常 var sleep = setInterval(function(){ createQrcodeImg(); clearInterval(sleep) },2000) } var scroll = $(document).scrollTop(); $('body,html').addClass('overflow'); $('.BodyCenter').addClass('fixed'); $('.img-closebtn').off().on('click',function(){ $('.imgmodal').hide(); $('#shareContent').hide(); $('body,html').removeClass('overflow'); $('.BodyCenter').removeClass('fixed'); $(document).scrollTop(scroll); }); }); } $(window).load(function(){ // if(isIOS()){ // $('.copylink').remove(); // } var clipboard = new Clipboard('.copylink',{ text:function(){ return document.title +'\n'+ window.location.href; }, }); clipboard.on('success', function(e) { alert('复制成功！'); $('.shareMask').hide(); $('.moreshare').css('visibility','hidden'); $('.moreshare').css('opacity','0'); e.clearSelection(); }); clipboard.on('error', function(e) { prompt('复制失败，请选中后手动复制！', window.location.href); }); }); </script> <style type="text/css"> .html2canvas{background-color: #fff;width: 375px; padding: 0 20px; display:none;} #shareContent{background-color: #fff;width: 375px; position: fixed;top:600px; z-index: 9999; left:0px; background-repeat: no-repeat; background-position: top; background-size: 100%;} .news-share-qrcode{ position: relative; box-shadow: 0px 2.5px 19px 7.5px rgba(126,126,126,0.15); padding: 0 30px;background: #fff; width: 335px;margin: 0 auto;border-radius: 4px; } .news-name-deail{ font-size: 20px; color:#333333; padding: 30px 0;width: 100%;} .news-img-deail{width: 100%;max-height:375px;background-repeat: no-repeat; background-position: center; background-size: cover;} .news-share-qrcode-bottom{width:100%;position: relative; height: 135px; width: 335px;margin: 0 auto;} .bottom-bgimg{position: absolute;} .bottom-div{position: absolute;display: table; height: 100%; width: 100%;} .bottom-tr{display: flex;align-items: center;margin-top: 25px; padding: 0 10px; justify-content: space-between;} .news-share-qrcode-txt p{color: #fff;font-size: 14px;} .news-share-qrcode-txt{width: 120px;display: table-cell; vertical-align: middle;padding-left: 8px; line-height: 2;} .news-share-qrcode-img{display: table-cell; vertical-align: middle;} #jq-qrcode{border: 1px solid #d2d2d2;position: relative; margin-left: 20px; background-color: #fff; padding: 5px;} .imgmodal{display: none;filter: alpha(opacity=60); background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.6);position: fixed; top: 0; left: 0; bottom: 0; width: 100%; z-index: 9999; padding: 44px 44px 0 44px;overflow: overlay; } .imgmodal-body{position: relative;} .img-closebtn{position: absolute; right: -30px; top: -30px;} .imgmodal-txt{color: #fff; margin: 0 auto;margin-top: 10px;line-height: 1;width:200px;} .copylink-ico,.downimg-ico{width: 25px; margin-right: 10px;} .copylink,.downimg{margin-bottom: 5px;} .copylink-txt,.downimg-txt{font-size: 12px;} .copylink,.downimg{display: inline-block;} .blur-div{ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px);} .overflow{overflow: hidden;} .share-qrcode{float: right; margin-right: 10px;cursor:pointer; } .load-img{/*color: #fff; */text-align: center; padding-top: 50px;} .showhide{display: none!important;} .news-share-qrcode-txt{color:#868686; text-align: left;} .news-share-qrcode-txt{ display: block; width: 110px;} #jq-logo{ max-width: 100px; } .news-company-deail{margin-bottom: 10px; display: flex; justify-content: space-between; align-content: center;text-align: left; font-size: 28px; color: #CCCCCC;padding: 40px 30px 20px 30px; margin: 0 auto; } .news-introduction-deail{padding-bottom: 30px; color:#555555; font-size: 16px; line-height: 30px;} .bgcolor{ width: 100%; height: 10px; background-color: #000;} .news-share-qrcode::after{ width: 0;height: 0;content: '';border: 15px solid transparent;border-bottom-color: #fff;position: absolute;top: -30px;} .news-company-deail .date{ font-weight: Bold; color:#333333; font-size: 20px;letter-spacing: 1.6px} .news-company-deail .yaer{ color:#444444; font-size: 16px;} </style> <div class="html2canvas"> <div class="news-company-deail"> <div class="r"> <div class="date"></div> <div class="yaer"></div> </div> <div class="l dou" style="text-align: right;"> </div> </div> <div class="news-share-qrcode"> <div class="news-name-deail">年味·乡情</div> <div class="news-introduction-deail"></div> </div> <div class="news-share-qrcode-bottom" style> <div class="bottom-div"> <div class="bottom-tr"> <div id="jq-logo"> </div> <div class="news-share-qrcode-img"> <div id="jq-qrcode"></div> </div> </div> </div> </div> <div class="bgcolor"></div> </div> <div id="shareContent"></div> <div class="imgmodal"> <div class="imgmodal-body"> <div class="img-closebtn"><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/common/mobile/images/qrcode/close.png" width="25px"></div> <div class="img-show"> <div class="load-img"> <img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/common/mobile/css/loading-4.gif" alt="" />  </div> </div> <div class="imgmodal-txt" style="margin-top: 20px">  <div class="downimg" id="downimga"> <img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/common/mobile/images/qrcode/down.png" class="downimg-ico" /> <span class="downimg-txt">长按图片保存/分享</span> </div> </div> </div> </div> <div class="showlike"> <i class="iconfont icon-dianzan "></i> <span>0</span> </div> </div> <div class="news-details-bottom"> <div class="news-details-bottom-title clearfix"> <p class="fl p-1"><span class="prev"><a href="/NewsDetail/3407381.html">上一篇 : 仁脉夏季旅行视频</a></span></p> <p class="fr p-2"><span class="next"><a href="/NewsDetail/3762464.html">下一篇 : 第六届场景化业务赋能大会（广州）</a></span></p> </div>   </div> </div>  <script src="//static.styles-sys.com/skinp/common/mobile/js/readmore.js"></script> <script> var ShowShare = '1' loadCommentList(); function loadCommentList(){ $('.news-comment').load("/index.php?c=front/NewsComment&a=showpc&ArticleID=3422123"); // $('.newsmobile-comment').load("/index.php?c=front/NewsComment&a=showmobile&ArticleID=3422123&ShowMsgIcon=1"); } $('.news-details-content img:eq(0)').clone().hide().prependTo('body'); changeFontSize($('#module_428994016')); //pc的分享 $('.share-news-pc').find('.shareitem').off('click').on('click',function(){ var thisshare = $(this).attr('data-cmd'); $('.bdsharebuttonbox img[data-cmd='+thisshare+']').click(); }) //移动的分享 $('.share-news-mobile').click(function(){ $('.ShareIcon').click(); }) //点赞功能 $('.showlike').click(function(){ $.post(window.location.href,{'LikeAct':'1'},function(data,status){ if(parseInt(data) > 0){ $('.showlike').find('span').html(data); } else { alert('您已点赞'); } }); }) //禁止转载功能 //文章折叠 $(function() { // 先隐藏分享模块，目前只通过他来调分享的接口 $(".ModuleShare .ModuleHead").css("display","none"); loadStyleSheet('/scripts/wookmark/css/lightgallery.min.css'); addScript('/scripts/wookmark/lightgallery.min.js',function(){ addScript('/scripts/wookmark/lg-fullscreen.min.js'); addScript('/scripts/wookmark/lg-thumbnail.min.js'); addScript('/scripts/wookmark/lg-zoom.min.js'); var list = []; $('.news-details-content img').each(function(){ var obj = { src: $(this).attr('_src') ? $(this).attr('_src') : $(this).data('src'), thumb: $(this).attr('_src') ? $(this).attr('_src') : $(this).data('src'), subHtml: $(this).attr('alt') }; list.push(obj); }); $('.news-details-content img').off('click').on('click', function(){ if ($(this).closest('a').length < 1) { $(this).lightGallery({ index: $(this).index('.news-details-content img'), dynamic: true, thumbnail: true, download: false, dynamicEl: list }); } }); }); }) </script> </div> </div> </div> <script>$.get("/index.php?c=front/NewsDetail&a=getHits&id=3422123",function(data,status){$(".hits").text(data.Hits)});</script></div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("428994017",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script> </div> </div> </div> </div> <div id='FooterZone' ismodulecontainer='true' class='FooterContainer FooterZoneContainer ZoneContainer FooterZone ModuleContainer clearfix '><div class="ModuleItem StaticModule mhidden-xs" wo="1912" id="module_420293704" > <div class="ModuleGridCustomGiant layout-101 layout-color- module_420293704 clearfix">  <div class='BodyCenter BodyCenter420293704 clearfix'><style id='commonstyle_Sub420293704_1'>#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_1{}#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_1:hover{}</style><style id='commonstyle_Sub420293704_2'>#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_2{}#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_2:hover{}</style><style id='commonstyle_Sub420293704_3'>#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_3{}#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_3:hover{}</style><style id='commonstyle_Sub420293704_4'>#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_4{background: none;background-color: rgba(0,0,0,0);border-top-style: solid;border-top-color: #000;border-top-width: 0px;border-left-style: solid;border-left-color: rgb(46, 56, 73);border-left-width: 1px;border-right-style:solid;border-right-color:#000;border-right-width:0px;border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:0px;overflow:hidden;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;padding-top: 0.0000%;padding-bottom: 0.0000%;padding-left: 2.0921%;padding-right: 0.0000%;}#module_420293704 .BodyCenter.BodyCenter420293704 #Sub420293704_4:hover{background: none;background-color: rgba(0,0,0,0);border-top-style: solid;border-top-color: #000;border-top-width: 0px;border-left-style: solid;border-left-color: rgb(46, 56, 73);border-left-width: 1px;border-right-style:solid;border-right-color:#000;border-right-width:0px;border-bottom-style:solid;border-bottom-color:#000;border-bottom-width:0px;}</style><div class='ModuleGridContainer ModuleGridContainer420293704' gridswidthmode='0'><div class='row ModuleGridCustomContainer ModuleSubContainer grid-col-1'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub420293704_1' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule mhidden-xs" wo="300" id="module_420293712" > <div class="ModuleImageGiant layout-101 layout-color- module_420293712 clearfix">  <div class='BodyCenter BodyCenter420293712 clearfix'> <img class="image-animation" src="/images/imgbg.png" data-src="//cdn.img-sys.com/comdata/84023/202203/20220309091855225810.png" url="/comdata/84023/202203/20220309091855225810.png" alt="图片展示" /> </div> </div> </div> </div><div class='SubPadding SubPadding1'></div><div id='Sub420293704_2' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule mhidden-xs" wo="130" id="module_420293810" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_420293810 clearfix">  <div class='BodyCenter BodyCenter420293810 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="margin-bottom: 10px; line-height: 2em;"><span style="font-size: 16px; color: rgb(255, 255, 255);">快速导航</span></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/Content/2103148.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">仁脉family</span></a></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/Content/2062148.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">学习方案</span></a></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/ProductCust/2102507-496173.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">咨询方案</span></a></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/Content/2068154.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">专家团队</span></a></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/Content/2062151.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">市场活动</span></a></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/Content/2062152.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">知识库</span></a></p><p style="line-height: 2em;"><a href="http://u213327.wds168.cn/Content/2062153.html" target="_self" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(132, 135, 141);">关于仁脉</span></a></p> </div> </div> <script> $('#module_420293810 >.module_420293810').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> </div><div class='SubPadding SubPadding2'></div><div id='Sub420293704_3' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule mhidden-xs" wo="542" id="module_420293812" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_420293812 clearfix">  <div class='BodyCenter BodyCenter420293812 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p style="line-height: 2em; margin-bottom: 10px;"><span style="font-size: 16px; color: rgb(255, 255, 255);">联系方式</span></p> <p style="line-height: 2em;"><span style="color: rgb(132, 135, 141);">广州：广州市越秀区建设六马路33号宜安广场1212室</span></p> <p style="line-height: 2em;"><span style="color: rgb(132, 135, 141);">深圳：深圳市南山区粤海街道高新技术产业园二区9栋B座807-808</span></p> <p style="line-height: 2em;"><span style="color: rgb(132, 135, 141);">深圳：深圳市南山区粤海街道高新技术产业园二区9栋B座815</span></p> <p style="line-height: 2em;"><span style="color: rgb(132, 135, 141);">上海：上海市徐汇区零陵路599号爱谦大厦14楼</span></p> <p style="line-height: 2em;"><span style="color: rgb(132, 135, 141);">北京：北京市朝阳区建国门外大街甲24号东海中心1509</span></p> <p style="line-height: 2em;"><span style="color: rgb(132, 135, 141);">成都：成都市武侯区府城大道西段399号天府新谷10号楼5楼0501-2</span></p> </div> </div> <script> $('#module_420293812 >.module_420293812').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> </div><div class='SubPadding SubPadding3'></div><div id='Sub420293704_4' class='GridCustomContainer ModuleSubGridCustomBox ModuleContainer SubContainer ' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule mhidden-xs" wo="345" id="module_420293999" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_420293999 clearfix">  <div class='BodyCenter BodyCenter420293999 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p><span style="font-size: 16px; color: rgb(255, 255, 255);">关注我们</span></p> </div> </div> <script> $('#module_420293999 >.module_420293999').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> <div class="ModuleItem StaticModule mhidden-xs" wo="345" id="module_420294002" > <div class="ModuleImageGiant layout-101 layout-color- module_420294002 clearfix">  <div class='BodyCenter BodyCenter420294002 clearfix'> <img class="image-animation" src="/images/imgbg.png" data-src="//cdn.img-sys.com/comdata/84023/202203/20220309092543671e0f.png" url="/comdata/84023/202203/20220309092543671e0f.png" alt="图片展示" /> </div> </div> </div> </div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridCustomGiant/modulegridcustom.js', function () { initGridCustomGiant("420293704", { isFloat: "0", floattype: "", floattop: "", floatbgtype: "", floatbgcolor: "", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script></div> </div> </div> <div class="ModuleItem StaticModule " wo="1912" id="module_420294004" > <div class="ModuleGridGiant layout-101 layout-color- module_420294004 clearfix">  <div class='BodyCenter BodyCenter420294004 clearfix'><div class='ModuleGridContainer ModuleGridContainer420294004' gridswidthmode='0'><div class='row ModuleSubContainer'><div class="gridBgVideo noBgVideo"><video src="" class="bgVideo" autoplay="autoplay" loop="loop"></video><div class="bgVideoMask"></div> </div><div id='Sub420294004_1' class='ModuleContainer SubContainer ModuleGridItem col-xs-12 col-sm-12 col-md-12 col-lg-12' positiontype='2' ismodulecontainer='true'><div class="ModuleItem StaticModule " wo="1440" id="module_420294009" > <div class="ModuleImageTextGiant layout-101 layout-color-red module_420294009 clearfix">  <div class='BodyCenter BodyCenter420294009 clearfix'><div class="imageTextGiant-Container imageTextContainer clearfix" hasresponsive="1" autohideype = "0" autohide="0" hideheight="150" hidewidth="760" > <div class="ModuleImageTextGiantContent ModuleImageTextContent"> <p><span style="color: rgb(132, 135, 141);">copyright ©  广州仁脉教育科技有限公司版权所有 </span><a href="https://beian.miit.gov.cn/?spm=C94212.P4YnMod9m2uD.EBaJJkRyx3cD.4#/Integrated/index" target="_blank" style="text-decoration-line: none; color: rgb(0, 0, 238);"><span style="color: rgb(127, 127, 127);">粤ICP备19059468号</span></a></p> </div> </div> <script> $('#module_420294009 >.module_420294009').css('cssText','-webkit-transform:translate3d(0,0,0)') </script></div> </div> </div> </div><div class='clearfix visible-lg'></div><div class='clearfix visible-xs'></div></div></div> <script type="text/javascript"> addScript('/skinp/modules/ModuleGridGiant/modulegrid.js',function(){ initGridGiant("420294004",{ isFloat:"0", floattype:"", floattop:"", floatbgtype:"", floatbgcolor:"", floatheight:"", floatheighttype:"", floatpagetype:"", applicationpageid:"", applicationpagetype:"" }); }); </script> </div> </div> </div> </div> </div> </div>  <div class="ModuleItem " id="module_422494138" > <div class="ModuleOnLineServiceGiant layout-109 layout-color-green module_422494138 clearfix">  <div class='BodyCenter BodyCenter422494138 clearfix'><style> #module_422494138 >.module_422494138{ overflow:unset !important; min-height: 120px !important; } #module_422494138 { width:165px !important; position : fixed !important; height:auto !important; top : 650px !important; bottom:auto !important; right : 0px !important; left : auto !important; z-index: 4001; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } </style> <div class="online-service-giant-container"> <div class="online-service-nav"> <div class="online-service animated"> <img class="head" src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/modules/ModuleOnLineServiceGiant/images/head/touxiang.png"> <div class="online-service-hint hide_hint"> <div class="rd-notice-content">Hello! 客服在线，欢迎咨询~</div> </div> <div class="animated-circles"> <div class="circle c-1"></div> <div class="circle c-2"></div> <div class="circle c-3"></div> </div> <div class="animated-circles2"></div> </div> <div class="online-service-top online-service-giant-ToTop-btn"><i class="iconfont icon-download-" ></i></div> </div> <div class="online-service-content"> <div class="online-service-content-tab"> <div class="content-tab" tab="OnLineService"> <i class="iconfont icon-Customerservice"></i> <span class="content-tab-name">在线咨询</span> <div class="hoverdiv"> <div class="content-common OnLineService-content"> <a href="https://wpa.qq.com/msgrd?v=3&uin=12345&site=qq&menu=yes" target="_blank"> <div class="imitem"> <div class="IconType"><img src = "/skinp/modules/ModuleOnLineServiceGiant/images/qq.png"><span class="IMType">QQ</span></div> <div class="im-content"> <div class="im-head"><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/modules/ModuleOnLineServiceGiant/images/head/1.jpg" /></div> <div class="IMName">客服1</div> </div> </div> </a> <a href="mailto:123456@email.com?subject=&body='" target="_blank"> <div class="imitem"> <div class="IconType"><img src = "/skinp/modules/ModuleOnLineServiceGiant/images/email.png"><span class="IMType">E-mail</span></div> <div class="im-content"> <div class="im-head"><img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/modules/ModuleOnLineServiceGiant/images/head/7.jpg" /></div> <div class="IMName">客服7</div> </div> </div> </a> </div> </div> </div> <div class="content-tab" tab="Contacts"> <i class="iconfont icon-contact"></i> <span class="content-tab-name">联系方式</span> <div class="hoverdiv"> <div class="content-common Contacts-content"> <div class="contacts-item"> <div class="contacts-item-name">热线电话</div> <div class="contact-item-content"> <span class="contactIcon"> <img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/modules/ModuleOnLineServiceGiant/images/phone.png"> </span> <span class="ContactContent">400-12346578</span> </div> </div> <div class="contacts-item"> <div class="contacts-item-name">上班时间</div> <div class="contact-item-content"> <span class="contactIcon"> <img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/modules/ModuleOnLineServiceGiant/images/time.png"> </span> <span class="ContactContent">周一到周五</span> </div> </div> <div class="contacts-item"> <div class="contacts-item-name">E-mail地址</div> <div class="contact-item-content"> <span class="contactIcon"> <img src="/images/imgbg.png" data-src="//cdn.img-sys.com/skinp/modules/ModuleOnLineServiceGiant/images/E-mail.png"> </span> <span class="ContactContent">123456@qq.com</span> </div> </div> </div> </div> </div> <div class="content-tab" tab="QRcode"> <i class="iconfont icon-QRcode"></i> <span class="content-tab-name">二维码</span> <div class="hoverdiv"> <div class="content-common QRcode-content"> <div class="qrcode-content"> <img src="/index.php?c=front/Qrcode&a=getFootNavQrCode" alt="二维码" class="qrcode-img" ondragstart="return false"> <div class="qrcodetips">扫码关注</div> </div> </div> </div> </div> <div class="content-close">  <span class="icon-guanbi3 topline"></span> <span class="icon-guanbi3 bottomline"></span> </div> </div> </div> </div> <script type="text/javascript"> addScript('/skinp/modules/ModuleOnLineServiceGiant/onlineServiceGiant.js', function () { onlineServiceGiantInit('422494138', '109', { PopupTips:'',PTFrequency:'30',PTFrequencyUnit:'0',PTInterval:'3',PTFrequencyType:'0',CanDesign: '0', CanEditFront: '0' }); }); </script></div> </div> </div>  <div class="ModuleItem " id="module_420258496" > <div id="module_420258496" class="MobileFloatNav"> <div class="FloatNavQRCode" style="z-index:5001" onclick="FloatQRShow();"> <div class="FloatNavMask"></div> <span class="FloatNavQRCodeImg" style="display:block;"><img id="imgFloatNavQrCode" style="width: 160px; height: 160px;" _src="/index.php?c=front/Qrcode&a=getFloatNavQrCode" /></span> </div> <div id="MobileFloatNav" Param_Enable = 0 class="ModuleMobileFloatNavGiant setletf " style='bottom:100px;display:none; '> <div class="FloatNavitemlist"> <a href="tel:" class="itembtn" itemid="2"> <span moren='icon-dianhua-moren' class="itemicon icon iconfont icon-dianhua-moren " style = ""> </span> </a> <a onclick="gototop()" class="itembtn" itemid="3"> <span moren='icon-zhiding-moren' class="itemicon icon iconfont icon-zhiding-moren " style = ""></span> </a> </div> <div class="defaultbtn"> <span class="spotgroup icon iconfont icon-gengduotianchong"></span> </div> </div> <script> $(function () { $('.defaultbtn').click(function () { var items = $(".FloatNavitemlist a").length; if ($('.FloatNavitemlist').css("display") == "none") { $(this).addClass('defaultbtnbghover') $(this).find('.spotgroup').addClass('defaultbtniconbghover') $(this).find('span').removeClass('icon-gengduotianchong'); $(this).find('span').addClass('icon-guanbi'); } else { $(this).removeClass('defaultbtnbghover') $(this).find('.spotgroup').removeClass('defaultbtniconbghover') $(this).find('span').addClass('icon-gengduotianchong'); $(this).find('span').removeClass('icon-guanbi'); } if($(".FloatNavitemlist").css('display')=='block'){ $(".FloatNavitemlist").css('display','none') $(".FloatNavitemlist").css('height',"50") }else{ $(".FloatNavitemlist").css('display','block') $(".FloatNavitemlist").animate({ height: 60 * items }, 100) } itemtext(); }) $(window).on('resize', function () { isshowFloatNav() }) isshowFloatNav() // if(window.CanDesign == 'True'){ // $('.defaultbtn').click(); // setInterval(itemtext,50) // } }) function showHomePage() { if (window.location.search.indexOf('view=1') > -1) { window.location.href = window.location.protocol + '//' + window.location.host + '?view=1&SiteType=1'; } else { window.location.href = window.location.protocol + '//' + window.location.host + '?SiteType=1'; } } function gototop(){ $('html,body').animate({scrollTop:0},'slow'); } function isshowFloatNav() { if ($(window).width() > 992) { $('#MobileFloatNav').css('display', 'none') } else { if($("#MobileFloatNav").attr("Param_Enable") == 1) { $('#MobileFloatNav').css('display', 'block') var isshow = '1' if(isshow == '1'){ $('.defaultbtn').click(); setInterval(itemtext,50) }else{ $(".FloatNavitemlist").css('display','none') } } } } function FloatQRShow() { if (!$('#imgFloatNavQrCode').attr('src')) { $('#imgFloatNavQrCode').attr('src', $('#imgFloatNavQrCode').attr('_src')); } $(".FloatNavQRCode").toggle(); var dmHeight = $(".FloatNavQRCodeImg").height(); var sTop = $(".footer").offset().top - dmHeight; var left = $(".footer").offset().left; var width = $('#pagebody').width(); if (navigator.platform.toLowerCase().indexOf("win") > -1) width = parseInt(width) - 17; if (typeof (modulesContainers) != 'undefined') { $(".FloatNavQRCodeImg").css({ "width": $('#pagebody').width() - 6, "bottom": $(".footer").height(), "left": left + "px", "height": dmHeight + "px" }); $(".FloatNavMask").css({ "width": "100%", "height": $('#pagebody').outerHeight() + "px", "top": $('#pagebody').offset().top + "px" }); } else { $(".FloatNavQRCodeImg").css({ "width": "192px", "height": "192px", "top": "initial", "bottom": $('#MobileFloatNav').innerHeight(), "left": ($('body').outerWidth() / 2 - $(".FloatNavQRCodeImg").outerWidth() / 2) }); $(".FloatNavMask").css({ "width": "100%", "height": "100%", "top": "0" }); } return false; } function itemtext() { $(".itemtext").each(function () { var fontsize = $(this).css('font-size').replace('px',''); //var count = $(this).html().trim().length; var widthcount = getwidth($(this).html().trim())* fontsize; $(this).css('width',widthcount); if ($(this).hasClass("itemtextleft")) { $(this).css("left", "65px") } else { $(this).css("left", "-" + ($(this).outerWidth() + 15) + "px") } // if ($(this).attr('isok') !== '1') { // $(this).attr('isok', '1') // } }) } function getwidth(value){ var count = 0 var length = value.length; for(var i=0; i<=length - 1;i++){ if(/^[A-Za-z0-9]*$/.test(value[i])) { count = count + 0.5; }else{ count=count+1; } } return Math.ceil(count); } </script> <style> .setletf { left: 10px } .setright { right: 10px } </style> </div> </div>  <div class="ModuleItem " id="module_420258492" > <style> .icon{ background:none;} </style> <script type="text/javascript"> addScript('/share/mobilefootnav.js') </script> </div>  <div class="WeixinPupop"> <div class="wxPupopMask"></div> <div class="wxInfoBox wxInfoBoxpc"> <span class="iconfont icon-zu3 wxpupopclose"></span> <div class="pcwxinfo wxinfo"> <div class="wxtext">添加微信好友，详细了解产品</div> <div class="wxqrcode"><img src= "" /></div> <div class="wxnumber"><span></span></div> <div class="wxtips">使用企业微信<br />“扫一扫”加入群聊</div> </div> <div class="mobilewxinfo wxinfo"> <img class="wxsuccessimg" src="/images/imgbg.png" data-src="//cdn.img-sys.com/images/wxsuccess.gif"> <div class="wxsuccesstips">复制成功</div> <div class="wxnumber"></div> <div class="wxtext">添加微信好友，详细了解产品</div> </div> <div class="diywx wxinfo"> <img src="" class="diywximg"/> </div> <a class="wxpupopbtn">我知道了</a> </div> </div>     <div id="enterpriseCardBox" style="display: none;"> <div class="enterpriseCardContainer"> <a href=""></a> <div><img src=""></div> </div> <script type="text/javascript"> $(function () { var enterpriseCardIDIndex = 'enterpriseCardID' + getCookie('InitSiteID') if ( getCookie(enterpriseCardIDIndex) && Number(getCookie(enterpriseCardIDIndex)) > 0 && getCookie(enterpriseCardIDIndex) != undefined && getCookie(enterpriseCardIDIndex) != null && getCookie(enterpriseCardIDIndex) != '' && window.innerWidth < 768 ) { $('#enterpriseCardBox .enterpriseCardContainer a').attr('href', '/EnterpriseCard/' + getCookie(enterpriseCardIDIndex)); $('#enterpriseCardBox .enterpriseCardContainer a').html('回到' + getCookie('enterpriseCardName' + getCookie('InitSiteID')) + '的个人主页'); $('#enterpriseCardBox .enterpriseCardContainer img').attr('src', getCookie('enterpriseCardImage' + getCookie('InitSiteID'))); $('#enterpriseCardBox').show(); $('#enterpriseCardBox .enterpriseCardContainer div').on('click', function () { $('#enterpriseCardBox').addClass('enterpriseCardBoxShow'); return false; }); $('#enterpriseCardBox').on('click', function () { $('#enterpriseCardBox').removeClass('enterpriseCardBoxShow'); }); addScript('/scripts/jui.min.js', function(){ addScript('/scripts/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js', function () { $('#enterpriseCardBox .enterpriseCardContainer').draggable({ zIndex: 999, cursor: "move", scroll: false, appendTo: 'body', containment: 'body', start: function (event, ui) { $('#enterpriseCardBox').removeClass('enterpriseCardBoxRight') $('#enterpriseCardBox').removeClass('enterpriseCardBoxLeft') $(ui.helper).addClass('onDrag') }, drag: function (event, ui) {}, stop: function (event, ui) { $(ui.helper).removeClass('onDrag') if (parseInt($(ui.helper).css('top')) < 28) $(ui.helper).css('top', '28px'); else if (parseInt($(ui.helper).css('top')) > ($(window).height() - 28)) $(ui.helper).css('top', ($(window).height() - 28) + 'px'); if (ui.offset.left >= (window.innerWidth / 2)) $('#enterpriseCardBox').addClass('enterpriseCardBoxRight') else $('#enterpriseCardBox').addClass('enterpriseCardBoxLeft') } }); }); }); } else { $('#enterpriseCardBox').remove(); } }) </script> </div><script type="text/javascript"> var rawUrl=""; var Page="YouZhan.SiteFront.CommonPage_2103152"; var PageID="2103152"; var PageConf = {"EnableBodyTopZone":true,"EnableBodyFootZone":true,"EnableBodyLeftZone":true,"EnableBodyRightZone":true,"EnableBodyFullPage":true,"EnableBodyMain1Zone":true,"EnableBodyMain2Zone":false,"EnableBodyMain3Zone":false,"EnableBodyMain4Zone":false,"HeaderZonePositionType":0,"FooterZonePositionType":0,"BodyTopZonePositionType":0,"BodyFootZonePositionType":0,"BodyLeftZonePositionType":0,"BodyRightZonePositionType":0,"BodyMain1ZonePositionType":0,"BodyMain2ZonePositionType":0,"BodyMain3ZonePositionType":0,"BodyMain4ZonePositionType":0,"EnableFreeMain":true}; var SiteLayoutSetting = {"siteLayout":"default","sidePlateWidth":240}; var SiteType="1"; var IsUserCenter = "0" var hasFullSwitch = 0; var isPlatformVersion = "1"; var SiteCreateTime = "1646385102"; var ENABLE_FENXIAO = ""; var isSysDomain = false; var SysDomain = ["iyz168.com","yz168.cc","ijianzhan.net","iyz168.com","wds168.cn","dzg168.com","ish168.com"]; for(var i in SysDomain){ if(location.host.indexOf(SysDomain[i]) > -1){isSysDomain = true;break;} } if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE8.0"){ checkBowerTip(); } // 当在IE且布局为左右布局，则做点兼容处理 if($('#pagebody').hasClass('isPageFlowLayout') && SiteLayoutSetting && /msie/.test(navigator.userAgent.toLowerCase()) && !/opera/.test(navigator.userAgent.toLowerCase())) { if (SiteLayoutSetting.sidePlateWidth != undefined && SiteLayoutSetting.sidePlateWidth != null && SiteLayoutSetting.sidePlateWidth != '') { $('#pagebody').css('display', 'block'); $('#BodyMainZoneContainer').css('width', 'calc(100% - '+ SiteLayoutSetting.sidePlateWidth +'px)'); } } $(window).load(function(){ // 获取当前页面信息 if (window.CanDesign == "True") { if (window.parent && window.parent.getPageInfo && typeof window.parent.getPageInfo == 'function') { window.parent.getPageInfo(PageID) } } }) </script>  <script type='text/javascript'> clearInterval(delayTimer); delayload({ id: ['pagebody'], src: '/images/loading2.gif', bgsrc: '/images/imgbg.png' }); </script>  <script type='text/javascript'> var referrer = document.referrer + ''; if(IsWeiXin && referrer == '') referrer = 'wechat.com'; var countersrc = '/count?Referer='+escape(referrer)+'&Width='+escape(screen.width)+'&Height='+escape(screen.height)+'&Page='+escape(window.location.pathname+window.location.search); document.write("<script async type='text/javascript' src='" + countersrc + "'></"+"script>"); if (window.location.getQueryString){ var linkKID = window.location.getQueryString("linkKID"); if(linkKID){ var linkKeySrc = '/index.php?c=Front/Seo&a=innerLink&linkKID=' + linkKID; document.write("<script async type='text/javascript' src='" + linkKeySrc + "'></"+"script>"); } } </script>  <script src="//static.styles-sys.com/share/wow.min.js"></script> <script> new WOW().init(); </script> <script> if (!IsWeiXin){ //addScript('/share/floaters.js',function(){ // addScript('/index.php?c=Front/IMPanel',null); //}); if(!isSysDomain){ (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); })(); $(window).load(function(){ $.getJSON("/PageBaiduPush.php?siteid=" + getCookie('InitSiteID') + "&url=" + encodeURIComponent(window.location.href), null, function (json) {}); }) } }else{ addScript('https://res.wx.qq.com/open/js/jweixin-1.6.0.js'); addScript('/scripts/party/weixinshare.js?v=20201226001'); } $(window).load(function(){ if (IsWeiXin) { var match = window.location.href.match(/#invite(\d+)/i); var barurl = "/index.php?c=front/UserBar"; if(match && match[1]) barurl += "&invite="+match[1]; if ("YouZhan.SiteFront.CommonPage_2103152" == "YouZhan.SiteFront.HomeIndex" || "YouZhan.SiteFront.CommonPage_2103152" == "YouZhan.SiteFront.NewsDetail" || "YouZhan.SiteFront.CommonPage_2103152" == "YouZhan.SiteFront.ProductDetail") $("#userbar").load(barurl); wx.miniProgram.getEnv(function(res) { if(res.miniprogram){ wx.miniProgram.postMessage({ data: { shareurl: window.location.href, title:document.title } }) } }) } }); </script> <script> $(window).load(function(){ var WUserID = getCookie("WUserID"); $.get("/PageGetAgentInfo.php?wuserid="+ WUserID + "&action=getcopyright", null, function (data) { if(data){ $("body").append(data); } } ); if($(window).width()<787 && $("#SiteBah:visible").length > 0){ if($("#MobileFootNav:visible").length > 0){ $('#pagebody').css('padding-bottom',"80px"); }else{ $('#pagebody').css('padding-bottom',"30px"); } if($(".news-comment:visible").length == 0){ $('#MobileFootNav').css('cssText','bottom:30px') } $('#SiteBah').css('cssText','width:100%;clear:both;background:#000;color:white;text-align:center;height:30px;line-height:30px;opacity:0.8;z-index:9999999;position: fixed;bottom:0') } }) </script> <div id="google_translate_element2" style = "display:none"></div> </body> </html>