SWOP 2024

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <title>SWOP 2024</title> <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" /> <link href="/Content/public/css/pintuer.css" rel="stylesheet" /> <link rel="stylesheet" href="/Content/public/css/indexs.css" /> <link rel="stylesheet" href="/Content/public/css/animate.min.css" /> <link rel="stylesheet" href="/Content/phonePublic/css/guanzhong_login.css" /> <link rel="stylesheet" href="/Content/phonePublic/css/guanzhong_tou.css" /> <link rel="stylesheet" href="/Content/phonePublic/swiper4/dist/css/swiper.min.css"> <link media="screen and (min-width: 800px) and ( max-width: 1300px)" rel="stylesheet" href="/Content/phonePublic/css/800-1300.css"> <style> body { font-family: Arial; } body{ padding:0px; } .container{ display:flex; height:450px; /* overflow: hidden;*/ box-shadow: 0px 1px 8px 1px rgb(0 0 0 / 10%); } .container img{ width:750px; } .container .main-btn{ flex:1; display:flex; flex-direction: column; justify-content: center; padding:70px 60px 50px 60px; font-family:Trebuchet MS; } .container .main-btn .qianzhi-btn { border-radius: 4px; letter-spacing: 2px; font-size: 19px; text-align: center; padding: 10px 0px; color: #fff; width: 100%; margin: 0 auto 50px; background-color: #1935a4; cursor: pointer; font-family: arial; } .header{ margin-bottom:90px; } .container .qianzhi-tit{ text-align:center; font-size: 18px; font-weight: 500; color:#1935a4; position:absolute; top:30px; right:60px; padding-bottom: 2px; border-bottom: 1px solid #eee; width:330px; } .container .qianzhi-tit span{ border-bottom: 3px solid #1935a4; color: #1935a4; font-size: 24px; font-weight: bold; } div.footer{ font-size:12px; bottom:0px; } div.footer p{ margin: 0px; padding: 0px; line-height: 1; } @media only screen and (max-width: 800px) { div.header { margin-bottom: 0px; } .qianzhi-tit { display: none; } .container { position: relative; width: 100%; min-height: calc(100vh - 52px); box-shadow: none; height: auto; } .container .qianzhi-tu{ width:100%; position:absolute; top:0; left:0; } .container .main-btn{ width:100%; position:absolute; top:6.5rem; left:0; padding:0px 20px; /*transform:translateY(-50%);*/ } .container .main-btn .qianzhi-btn { margin: 0 auto 30px; } .container .qianzhi-tit{ width:100%; position:absolute; top: 5rem;; left:0; padding-bottom: 0px; border-bottom: none; font-family:Trebuchet MS; } .container .qianzhi-tit span{ border-bottom: none; color: #1935a4; font-size: 18px; } div.footer{ position: absolute; } .container img{ width:100%; } } #countdown { position: absolute; right: 10px; top: 10px; color: #161632; } #divBanner { display: none; } </style> </head> <body style="min-height:100%;">  <div class="bg-imgage"> <img src="/Content/public/img/bg_pic3.png" style="width:100%;" /> </div>  <div class="header"> <div class="w1200" style=""> <div class="header-l"> <div class="title-cn cor">swop 2024包装世界（上海）博览会观众</div> <div class="coren">SWOP 2024</div> </div> <div class="enin" > <a href="/CN/Customer/Front?projectCode=d42406c347b53f51&source=wx" class="enin" id="Language"><span>CN</span></a> </div> </div> </div>   <form id="ajaxForm" method="post" onsubmit="return false;"> <div class="container" style="position:relative; "> <div class="xb8 pc_ban swiper-container" style="height:-webkit-fill-available;"> <div class="swiper-wrapper" data="1"> <div class="swiper-slide"> <img src="https://res.tonggao.info/E_OA/2024/d42406c347b53f51/d42406c347b53f51_观众ENbanner图3k2cm5.png" width="100%" alt="" /> </div> </div>  <div class="swiper-pagination"></div> </div> <img src="https://res.tonggao.info/E_OA/2024/d42406c347b53f51/d42406c347b53f51_EN前置图buq16o.png" class="qianzhi-tu" id="big-boximg" style="display:none;" /> <div class="qianzhi-tit"> <span>Visitor Registration</span> </div> <div class="main-btn"> <div id="btnRegisiter" class="qianzhi-btn">Register now</div> <div id="btnLook" class="qianzhi-btn">Find my ID</div> </div> </div> </form>  <div class="footer padding" > <p>同高信息  技术支持</p> </div> <script src="/Content/public/js/jquery.js"></script> <script src="/Content/public/js/pintuer.js"></script> <script src="/Content/public/layer/mobile/layer.js"></script> <script src="/Content/public/layer/layer.js"></script> <script src="/Content/public/js/common.js"></script> <script src="/Content/phonePublic/swiper4/dist/js/swiper.min.js"></script> <script src="/Content/phonePublic/js/rem.js"></script> <script> $(function () { //展会结束 var closed = 'True'; var projectCode = 'd42406c347b53f51'; if (projectCode == null || projectCode == "") { layer.msg("非法的项目编码，请联系管理人员！", { time: 360000, icon: 2, width: '200px', height: '200px' }); } //记录转发人 if ('' != '') { sessionStorage.setItem("RelayUser", ''); } $(document).on("click touchstart", "#btnRegisiter", function () { location.href = "/EN/customer/Login?projectCode=d42406c347b53f51&source=wx"; }); $(document).on("click touchstart", "#btnLook", function () { location.href = "/EN/customer/Login?projectCode=d42406c347b53f51&source=wx&reback=1"; }); if (projectCode == "tg8dc3152ae272c1a") { if (isPhone()) { $("#divBanner").show(); var timeNum = 3; var setText = function () { $("#countdown").find("span").html(timeNum); --timeNum; if (timeNum < -1) { clearInterval(timer); $("#divBanner").hide(); } }; var timer = setInterval(setText, 1000); } } //console.log($(".qianzhi-tu").height(),$(".container").width()) //先判断ViewBag.SrcUrl 前置页是否有全屏图再判断是移动端还是pc端 function isPhone() { let mobile = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) return mobile!= null } function cutImg() { if ('https://res.tonggao.info/E_OA/2024/d42406c347b53f51/d42406c347b53f51_观众ENbanner图3k2cm5.png;') { if (isPhone()) { $(".swiper-container").hide() $("#big-boximg").show() } else { $(".swiper-container").show() $("#big-boximg").hide() } } } cutImg() $(window).resize(function(){ cutImg() }); function imgShow(outerdiv, innerdiv, bigimg) { //设置#bigimg元素的src属性 var src = $(bigimg).attr("src"); /*获取当前点击图片的真实大小，并显示弹出层及大图*/ $("<img/>").attr("src", src).load(function () { var windowW = $(window).width();//获取当前窗口宽度 var windowH = $(window).height();//获取当前窗口高度 var realWidth = this.width;//获取图片真实宽度 var realHeight = this.height;//获取图片真实高度 var imgWidth, imgHeight; var scale = 0.8;//缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放 if (realHeight > windowH * scale) {//判断图片高度 imgHeight = windowH * scale;//如大于窗口高度，图片高度进行缩放 imgWidth = windowW;// imgHeight/realHeight*realWidth;//等比例缩放宽度 //if(imgWidth>=windowW*scale) {//如宽度扔大于窗口宽度 // imgWidth = windowW*scale;//再对宽度进行缩放 //} } else if (realWidth > windowW * scale) {//如图片高度合适，判断图片宽度 imgWidth = windowW * scale;//如大于窗口宽度，图片宽度进行缩放 imgHeight = imgWidth / realWidth * realHeight;//等比例缩放高度 } else { //如果图片真实高度和宽度都符合要求，高宽不变 imgWidth = realWidth; imgHeight = realHeight; } $(bigimg).css("width", imgWidth);//图片最终的宽度 var w = (windowW - imgWidth) / 2;//计算图片与窗口左边距 var h = "0px"; // (windowH-imgHeight)/2;//计算图片与窗口上边距 $(innerdiv).css({ "top": h, "left": w }); //淡入显示#outerdiv及.pimg $(outerdiv).fadeIn("fast"); }); //再次点击淡出消失弹出层 $(outerdiv).click(function () { $(this).fadeOut("fast"); }); } var objLoginOut = window.setInterval( function () { LoginOutValidSuccess('d42406c347b53f51', layer, "EN") } , 5000); }); </script> <script> var mySwiper = new Swiper('.swiper-container', { direction: 'horizontal', loop: true, autoplay: { delay: 3000, disableOnInteraction: false, }, //分页器 pagination: { el: '.swiper-pagination', type: 'bullets', }, //前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }) if ($(".swiper-wrapper").attr("data") < 2) { mySwiper.autoplay.stop(); $(".swiper-slide").addClass("swiper-no-swiping") $(".swiper-pagination").css("display", "none") $(".swiper-button-prev").css("display", "none") $(".swiper-button-next").css("display", "none") } </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c4f13baf7d35a513d6b7c700399e2e2a"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> //渠道 var Source = "wx"; //记录的转发人 var ReSendUser = ""; if (!Source) { Source= sessionStorage.getItem("source"); } //判断用户是pc还是移动 var LoginSource =sessionStorage.getItem("LoginSource"); function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { LoginSource = "移动" } else { LoginSource = "pc" } } if (!Source&!LoginSource) { goPAGE(); } if (!Source&LoginSource == "移动" ) { Source = "Wechat"; } if (!Source & LoginSource == "pc") { Source = "pc"; } if (!Source) { Source = ""; } wx.config({ debug: false , /* 开启调试模式,调用的所有api的返回值会在客户端alert出来 */ appId: 'wx476fc559d76e32bc', /* 必填，公众号的唯一标识 */ timestamp: '1732394598', /* 必填，生成签名的时间戳 */ nonceStr: '5lOILY03YKgjqOia', /* 必填，生成签名的随机串 */ signature: '0c5413399256d5548734dd4dc9400db68142fb32', /* 必填，签名 */ jsApiList: [ /* 必填，需要使用的JS接口列表 */ //'onMenuShareTimeline', //'onMenuShareAppMessage', //'onMenuShareQQ', 'updateAppMessageShareData', //微信1.6.0新接口 'updateTimelineShareData', 'onMenuShareWeibo', 'scanQRCode', 'previewImage' ] }); wx.ready(function () { /* 以下方法必须先config成功，然后在wx.ready里才能调用 */ /* 注意：以下配置要全部都没错的情况下，才会运行正常，比如图片找不到，就不会显示任何信息 */ /* 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口 */ //自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0） wx.updateAppMessageShareData({ title: 'swop 2024包装世界（上海）博览会观众登记', desc: '2024-11-18-2024-11-20', link: 'https://oa.tonggao.info/CN/Customer/Front?projectCode=d42406c347b53f51' + '&Source=' + encodeURIComponent(Source) + '&relayuser=' + ReSendUser, imgUrl: 'https://oa.tonggao.info/Content/public/img/defaultwxzf.png', success: function () { //alert("用户确认分享后执行的回调函数"); }, cancel: function () { //alert("用户取消分享后执行的回调函数"); } }); /* 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0） */ wx.updateTimelineShareData({ title: 'swop 2024包装世界（上海）博览会观众登记', desc: '2024-11-18-2024-11-20', link: 'https://oa.tonggao.info/CN/Customer/Front?projectCode=d42406c347b53f51' + '&Source=' + encodeURIComponent(Source) + '&relayuser=' + ReSendUser, imgUrl: 'https://oa.tonggao.info/Content/public/img/defaultwxzf.png', type: '', /* 分享类型,music、video或link，不填默认为link */ dataUrl: '', /* 如果type是music或video，则要提供数据链接，默认为空 */ success: function () { //alert("用户确认分享后执行的回调函数"); }, cancel: function () { // alert("用户取消分享后执行的回调函数"); } }); /* 获取“分享到微博”按钮点击状态及自定义分享内容接口 */ wx.onMenuShareWeibo({ title: 'swop 2024包装世界（上海）博览会观众登记', desc: '2024-11-18-2024-11-20', link: 'https://oa.tonggao.info/CN/Customer/Front?projectCode=d42406c347b53f51' + '&Source=' + encodeURIComponent(Source) + '&relayuser=' + ReSendUser, imgUrl: 'https://oa.tonggao.info/Content/public/img/defaultwxzf.png', success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); // alert("config信息验证成功!"); }); </script> </body> </html>

CINXE.COM

SWOP 2024