{"id":7021,"date":"2022-08-05T15:09:17","date_gmt":"2022-08-05T07:09:17","guid":{"rendered":"\/sg\/?page_id=7021"},"modified":"2023-05-08T14:09:44","modified_gmt":"2023-05-08T06:09:44","slug":"digital-transformation","status":"publish","type":"page","link":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/","title":{"rendered":"Digital Transformation"},"content":{"rendered":"<div class=\"vce-row-container\" id=\"Banner\"><div class=\"vce-row vce-row--col-gap-0 full-row vce-row-full-height vce-row-equal-height vce-row-columns--top vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-eb8c3e6f\" data-vce-do-apply=\"all el-eb8c3e6f\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first full-column\" id=\"el-c415c688\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-c415c688\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-c415c688\"><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-53d56164\" data-vce-do-apply=\"all el-53d56164\"><script type=\"text\/javascript\">(function(win) {\n\tif(document.documentElement.clientWidth>992){\n\/\/ \t   var tid;\n    \tfunction refreshRem() {\n    \t\tlet designSize = 1920; \/\/ \u8bbe\u8ba1\u56fe\u5c3a\u5bf8\n    \t\tlet html = document.documentElement; \n    \t\tlet wW = window.innerWidth;\/\/ \u7a97\u53e3\u5bbd\u5ea6\n    \t\tlet rem = wW * 100 \/ designSize;\n    \t\tconsole.log(rem);\n\t\t\tdocument.querySelector(\"html\").style.fontSize = rem + 'px';\n   \t\t}\n\/\/ \t   win.addEventListener('resize', function() {\n\/\/ \t    \tclearTimeout(tid);\n\/\/ \t    \ttid = setTimeout(refreshRem, 100);\n\/\/ \t    }, false);\n\/\/ \t    win.addEventListener('pageshow', function(e) {\n\/\/ \t    \tif (e.persisted) {\n\/\/ \t    \t\tclearTimeout(tid);\n\/\/ \t    \t\ttid = setTimeout(refreshRem, 100);\n\/\/ \t    \t}\n\/\/ \t    }, false);\n\n\t   refreshRem();\n\t }else{\n\t\t \n\t\t   let designSize = 375; \/\/ \u8bbe\u8ba1\u56fe\u5c3a\u5bf8\n  \t\t\tlet html = document.documentElement;\n  \t\t\tlet wW = html.clientWidth;\/\/ \u7a97\u53e3\u5bbd\u5ea6\n  \t\t\tlet rem = wW * 100 \/ designSize; \n  \t\t\tdocument.documentElement.style.fontSize = rem + 'px';\n\t\t \tconsole.log(\"\u5c0f\u4e8e\")\n\t\t\tconsole.log(rem);\n\t }\n\tjQuery(window).on('resize', function() {\n\tif(document.documentElement.clientWidth>992){\n\t   var tid;\n    \tfunction refreshRem() {\n    \t\tlet designSize = 1920; \/\/ \u8bbe\u8ba1\u56fe\u5c3a\u5bf8\n    \t\tlet html = document.documentElement; \n    \t\tlet wW = html.clientWidth;\/\/ \u7a97\u53e3\u5bbd\u5ea6\n    \t\tlet rem = wW * 100 \/ designSize;\n    \t\tconsole.log(rem);\n\t\t\tdocument.documentElement.style.fontSize = rem + 'px';\n   \t\t}\n\t   refreshRem();\n\t }else{\n\t\t   let designSize = 375; \/\/ \u8bbe\u8ba1\u56fe\u5c3a\u5bf8\n  \t\t\tlet html = document.documentElement;\n  \t\t\tlet wW = html.clientWidth;\/\/ \u7a97\u53e3\u5bbd\u5ea6\n  \t\t\tlet rem = wW * 100 \/ designSize; \n  \t\t\tdocument.documentElement.style.fontSize = rem + 'px';\n\t\t \tconsole.log(\"\u5c0f\u4e8e\")\n\t\t\tconsole.log(rem);\n\t }\n})\n})(window);\n<\/script><\/div><\/div><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-6605cb30\" data-vce-do-apply=\"all el-6605cb30\"><div class=\"fst-bg\">\n  <div class=\"fst-box\">\n      <div class=\"leftSide\">\n          <div class=\"reveal \">\n &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<h1 class=\"fst-box-title fst-box-move\">Embracing Digital Transformation<\/h1>\n          <\/div>\n          <div class=\"reveal \">\n              <h1 class=\"fst-box-title fst-box-move\">for Retail Businesses<\/h1> \n          <\/div>\n          <div class=\"reveal \">\n              <p class=\"fst-box-con fst-box-move\">\n                  With over 10 years of experiences in retail technology solutions, we go above and beyond for retail businesses of all sizes to fast-track their digital transformation journey and to stay resilient while overcoming the financial and operation challenges to be successfully digitised.\t\n              <\/p>\n          <\/div>\n          <div id=\"start_btn\" class=\"fst-box-btn fst-box-move2\">Start Today!<\/div>\n      <\/div>\n      <div class=\"rightSide\">\n          <div class=\"reveal imgBox\">\n              <img class=\"fst-box-img fst-box-move2\" src=\"\/my\/wp-content\/uploads\/2022\/08\/banner\u56fe.png\">\n          <\/div>\n      <\/div>\n      \n  <\/div>\n<\/div><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-d4d14c85\" data-vce-do-apply=\"all el-d4d14c85\"><script type=\"text\/javascript\"> \n\/** * \u662f\u5426\u4e3amac\u7cfb\u7edf\uff08\u5305\u542biphone\u624b\u673a\uff09 * *\/ \n  var isMac = function() { \n    return \/macintosh|mac os x\/i.test(navigator.userAgent); \n    }();\n    \n    \n    \/** * \u662f\u5426\u4e3awindows\u7cfb\u7edf * *\/\n    var isWindows = function() { \n        return \/windows|win32\/i.test(navigator.userAgent);\n    }(); \n\n\n    jQuery(\"#start_btn\").on(\"click\",function(){\n\n      jQuery(\"html, body\").animate({\n        scrollTop: jQuery(\"body\").height() - jQuery(\"#colophon\").height() - jQuery(\"#el-93898d65\").height() + \"px\"\n      }, 500);\n    })\n\n\n\/\/     let t1 = 0;\n\/\/     let t2 = -1;\n\/\/     let timer = null; \/\/ \u5b9a\u65f6\u5668\n\/\/     let fst = document.querySelector(\".fst-bg\") \/\/\u83b7\u53d6\u7b2c\u4e00\u5c4f\u7684\u5143\u7d20\n\/\/     let seb = document.querySelector(\".sed-bg\") \/\/\u83b7\u53d6\u7b2c\u4e00\u5c4f\u7684\u5143\u7d20\n\/\/     function isScrollDownToEnd(callback) {\n\/\/       \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u8d4b\u503c\u7ed9t2,\u4f7f\u505c\u6b62\u6eda\u52a8\u65f6t1=t2\n\/\/       t2 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/       if(t2 == t1){       \n\/\/           console.log(window.scrollY,seb.clientHeight)\n\/\/           \/\/ \u5224\u65ad\u5982\u679c\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u5927\u4e8e1\u5e76\u4e14\u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u5143\u7d20\u7684\u9ad8\u5ea6 - 100 \u5219\u8868\u793a\u5f53\u524d\u9875\u9762\u5728\u7b2c\u4e00\u5c4f\u5411\u4e0b\u6eda\u52a8\n\/\/           if(window.scrollY >= 1 && window.scrollY < fst.clientHeight - 100){\n\/\/             \/\/\u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u79fb\u52a8\u5230\u7b2c\u4e8c\u5c4f,fst.clientHeight-100\u8868\u793a\u7b2c\u4e8c\u5c4f\u8ddd\u79bb\u9876\u90e8\u7684\u8ddd\u79bb\u4e3a100\n\/\/             jQuery(\"html, body\").animate({\n\/\/               'scrollTop':fst.clientHeight - 100 + \"px\"\n\/\/             },300);\n\/\/             \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/             setTimeout(()=>{t2 = -1;if(callback){callback();}},400);\n\/\/           }else if(window.scrollY > fst.clientHeight){\n\/\/             \/\/ \u5224\u65ad\u5982\u679c\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u5927\u4e8e\u7b2c\u4e00\u5c4f\u5143\u7d20\u7684\u9ad8\u5ea6\uff0c\u8868\u793a\u9875\u9762\u6b64\u65f6\u5728\u7b2c\u4e00\u5c4f\u4ee5\u5916\u7684\u5730\u65b9\u5411\u4e0b\u6eda\u52a8\uff0c\u6b64\u65f6\u65e0\u9700\u505a\u7279\u6b8a\u5904\u7406\n\/\/             document.documentElement.scrollTop = document.documentElement.scrollTop\n\/\/             \/\/ \u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\n\/\/             t2 = -1\n\/\/             if(callback){callback();}\n\/\/           }else{\n\/\/             \/\/ \u5176\u4ed6\u60c5\u51b5\u4e0b\u4e5f\u9700\u8981\u91cd\u7f6et2\u7684\u503c\n\/\/             t2 = -1\n\/\/             if(callback){callback();}\n\/\/           }\n        \n\/\/       }\n\/\/     }\n\/\/     function isScrollUpToEnd(callback) {\n\/\/       \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u8d4b\u503c\u7ed9t2,\u4f7f\u505c\u6b62\u6eda\u52a8\u65f6t1=t2\n\/\/       t2 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/       if(t2 == t1){\n\/\/         \/\/ \u5224\u65ad\u5982\u679c\u9875\u9762\u7684\u6eda\u52a8\u8ddd\u79bb\u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u7684\u9ad8\u5ea6\uff0c\u5219\u8868\u793a\u6b64\u65f6\u9875\u9762\u6b63\u5728\u7b2c\u4e8c\u5c4f\u5f80\u4e0a\u6eda\u52a8\n\/\/         if(window.scrollY < fst.clientHeight){\n\/\/           \/\/ \u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u6eda\u52a8\u5230\u9876\u90e8\n\/\/           jQuery(\"html, body\").animate({ 'scrollTop': 0 + 'px' }, 300)\n\/\/           \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/           setTimeout(()=>{t2 = -1;if(callback){callback()}},400);\n\/\/         }else {\n\/\/           \/\/ \u5176\u4ed6\u60c5\u51b5\u4e0b\u4e5f\u9700\u8981\u91cd\u7f6et2\u7684\u503c\n\/\/           t2 = -1;\n\/\/           if(callback){callback()}\n\/\/         }\n\/\/       }\n\/\/     }\n\n\/\/     var scrollAction = {x: 0, y: 0}, scrollDirection;\n\/\/     function scrollFunc() {\n\/\/         \/\/ \u83b7\u53d6\u9875\u9762\u6eda\u52a8\u9ad8\u5ea6\n\/\/         let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;\n\/\/         \/\/ \u83b7\u53d6\u9875\u9762\u6a2a\u5411\u6eda\u52a8\u8ddd\u79bb\n\/\/         let scrollLeft = document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft;\n\/\/         \/\/ \u4f7f\u7528\u521d\u59cb\u503c\u51cf\u53bb\u9875\u9762\u6a2a\u5411\u6eda\u52a8\u8ddd\u79bb\u82e5\u5927\u4e8e\u96f6\uff0c\u8868\u793a\u9875\u9762\u5411\u5de6\u6eda\u52a8\uff0c\u53cd\u4e4b\u9875\u9762\u5411\u53f3\u6eda\u52a8\n\/\/         var diffX = scrollAction.x - scrollLeft;\n\/\/         \/\/ \u4f7f\u7528\u521d\u59cb\u503c\u51cf\u53bb\u9875\u9762\u7eb5\u5411\u6eda\u52a8\u8ddd\u79bb\u82e5\u5927\u4e8e\u96f6\uff0c\u8868\u793a\u9875\u9762\u5411\u4e0b\u6eda\u52a8\uff0c\u53cd\u4e4b\u9875\u9762\u5411\u4e0a\u6eda\u52a8\n\/\/         var diffY = scrollAction.y - scrollTop;\n\/\/         if (diffX < 0) {\n\/\/             \/\/ Scroll right\n\/\/             scrollDirection = 'right';\n\/\/         } else if (diffX > 0) {\n\/\/             \/\/ Scroll left\n\/\/             scrollDirection = 'left';\n\/\/         } else if (diffY < 0) {\n\/\/             \/\/ Scroll down\n\/\/             scrollDirection = 'down';\n\/\/         } else if (diffY > 0) {\n\/\/             \/\/ Scroll up\n\/\/             scrollDirection = 'up';\n\/\/         } else if(diffY == 0) {\n\/\/             \/\/ First scroll event\n\/\/         } else{\n\n\/\/         }\n\/\/         \/\/ \u83b7\u53d6\u5b8c\u65b9\u5411\u540e\uff0c\u66f4\u65b0scrollAction\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\n\/\/         scrollAction.x = scrollLeft;\n\/\/         scrollAction.y = scrollTop;\n\/\/     }  \n    \n\/\/     var mouseFlag = -1;\n\/\/     window.addEventListener(\"scroll\",function(e){\n\/\/         if(jQuery(window).width() >= 640){\n          \n\/\/           \/\/ \u83b7\u53d6\u9875\u9762\u6eda\u52a8\u65b9\u5411\n\/\/           scrollFunc()\n\/\/           t1 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/           \/\/ \u5224\u65ad\u9875\u9762\u662f\u5426\u8fd8\u5728\u6eda\u52a8 \u5982\u679ct1 = t2\u4ee3\u8868\u9875\u9762\u505c\u6b62\u6eda\u52a8\n\/\/           if(t2 == t1){\n\/\/             return;\n\/\/           }\n\/\/           if(0 == mouseFlag){\n\/\/             mouseFlag = 1;\n\/\/             return;\n\/\/           }\n\/\/           if(1 == mouseFlag){\n\/\/               return;\n\/\/           }\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0b\u6eda\u52a8\n\/\/           if(scrollDirection == 'down'){\n\/\/             \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/             clearTimeout(timer);\n\/\/             \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0b\u51fd\u6570,\n\/\/             timer = setTimeout(isScrollDownToEnd, 1);\n\/\/             \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u91cd\u65b0\u8d4b\u503c\u7ed9t1\uff0c\u7528\u4e8e\u4e0b\u6b21\u6bd4\u8f83\n            \n\/\/           }\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0a\u6eda\u52a8\n\/\/           else if(scrollDirection == 'up'){\n\/\/             \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/             clearTimeout(timer);\n\/\/             \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0a\u51fd\u6570\n\/\/             timer = setTimeout(isScrollUpToEnd, 1);\n\/\/             \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u91cd\u65b0\u8d4b\u503c\u7ed9t1\uff0c\u7528\u4e8e\u4e0b\u6b21\u6bd4\u8f83\n\/\/           }\n\/\/         }  \n\/\/     })\n\n\/\/     window.addEventListener(\"mousedown\",function(){\n\/\/       mouseFlag = 0\n\/\/     })\n\n\/\/     window.addEventListener(\"mouseup\",function(){\n\/\/       if(mouseFlag == 1){\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0b\u6eda\u52a8\n\/\/           if(scrollDirection == 'down'){\n\/\/             \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/             clearTimeout(timer);\n\/\/             \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0b\u51fd\u6570,\n\/\/             timer = setTimeout(()=>isScrollDownToEnd(()=>{mouseFlag = -1;}), 1);\n\/\/             \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u91cd\u65b0\u8d4b\u503c\u7ed9t1\uff0c\u7528\u4e8e\u4e0b\u6b21\u6bd4\u8f83\n\/\/             t1 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/           }\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0a\u6eda\u52a8\n\/\/           else if(scrollDirection == 'up'){\n\/\/             \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/             clearTimeout(timer);\n\/\/             \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0a\u51fd\u6570\n\/\/             timer = setTimeout(()=>isScrollUpToEnd(()=>{mouseFlag = -1;}), 1);\n\/\/             \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u91cd\u65b0\u8d4b\u503c\u7ed9t1\uff0c\u7528\u4e8e\u4e0b\u6b21\u6bd4\u8f83\n\/\/             t1 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/           }\n\/\/       }else if(mouseFlag == 0){\n\/\/         mouseFlag = -1;\n\/\/       }\n\/\/     })\n<\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" id=\"Biggest\"><div class=\"vce-row vce-row--col-gap-0 full-row black-bg  vce-row-full-height vce-row-equal-height vce-row-columns--top vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-6a9512f1\" data-vce-do-apply=\"all el-6a9512f1\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-b073b063\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-b073b063\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-b073b063\"><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-c4ff4016\" data-vce-do-apply=\"all el-c4ff4016\"><div class=\"sed-bg\">\n    <div class=\"sed-box\">\n        <h1 class=\"sed-box-title\">\n        Biggest Barriers to Digital Transformation\n        <\/h1>\n        <p class=\"sed-box-con\">\n        No matter the company size, businesses fail to know their overall strategy to digitization. It is not the\n        inadequate technology but rather the lack of technology literacy in using technology in retail solutions.\n        <\/p>\n        <div class=\"sed-swiper-box\">\n            <div class=\"swiper-container sed-swiper2\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide sed-swiper-phone1\">\n                    <div class=\"thd-swiper-left thd-swiper-pic1 second-swiper-pic1\"><\/div>\n                    <div class=\"thd-swiper-right\">\n                        <div class=\"title\">\n                        <span class=\"span1\">01<\/span>\n                        <span class=\"span2\">Reaching Out in Digital Channels<\/span>\n                        <\/div>\n                        <p class=\"con\">\n                            More channels equal more opportunities. But how can you manage each single channels to ensure consistent\n                            positive retail experience for your customers across all channels.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-slide sed-swiper-phone2\">\n                    <div class=\"thd-swiper-left thd-swiper-pic2 second-swiper-pic2\"><\/div>\n                    <div class=\"thd-swiper-right\">\n                        <div class=\"title\">\n                            <span class=\"span1\">02<\/span>\n                            <span class=\"span2\">Making Sense of Your Data<\/span>\n                        <\/div>\n                        <p class=\"con\">\n                            Data is useless but the insights is priceless. You need to transform the data that is available into valuable \n                            information for your business to make better decisions.  \n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-slide sed-swiper-phone3\">\n                    <div class=\"thd-swiper-left thd-swiper-pic3 second-swiper-pic3\"><\/div>\n                    <div class=\"thd-swiper-right\">\n                        <div class=\"title\">\n                        <span class=\"span1\">03<\/span>\n                        <span class=\"span2\">Scaling Your Employee Performance<\/span>\n                        <\/div>\n                        <p class=\"con\">\n                            Every leader knows employees are essential. Even so, you will need to track their KPIs for changes to\n                            take place for your business to experience growth and success.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-slide sed-swiper-phone4\">\n                    <div class=\"thd-swiper-left thd-swiper-pic3 second-swiper-pic4\"><\/div>\n                    <div class=\"thd-swiper-right\">\n                        <div class=\"title\">\n                        <span class=\"span1\">04<\/span>\n                        <span class=\"span2\">Integrating Disconnected Digital Platforms<\/span>\n                        <\/div>\n                        <p class=\"con\">\n                            Managing multiple standalone solutions without integration can prove to be difficult. We can help you to\n                            egrate the solutions to increase productivity and reduce issues created hindering growth.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>   \n            <div class=\"swiper-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n  <\/div><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-ea4525bc\" data-vce-do-apply=\"all el-ea4525bc\"><script type=\"text\/javascript\">var $ = jQuery.noConflict();\nvar step_timeout, dots_interval;\n\n\/\/ console.log($(\".sed-box\"))\n\/\/ \/\/ $(window).on('ready', function() {\n\/\/ \/\/    initialize_slider();\n\/\/ \/\/     \/\/if (jQuery(window).width() >= 640) {\n\/\/ \/\/ \t\tbuild_pagination_progress(); \n\/\/ \/\/ \t  start_pagination_progress(); \n\/\/ \/\/     \/\/}\n\/\/ \/\/ });\n\/\/ window.addEventListener(\"DOMContentLoaded\",function(){\n\/\/     initialize_slider();\n\/\/     build_pagination_progress(); \n\/\/ \/\/ \t  start_pagination_progress(); \n\/\/ });\n\/\/ $(window).on('resize', function() {\n\/\/ \/\/   if (jQuery(window).width() >= 640) {\n\/\/     build_pagination_progress();\n\/\/ \/\/   }\n\/\/ \/\/   \n\/\/ });\n\/\/     function initialize_slider() {\n\/\/         jQuery('#value-carousel').on('init', function(slick) {\n\/\/             \/\/ initial animation hack\n\/\/             jQuery('#value-carousel .slick-active').removeClass('slick-active');\n\/\/             jQuery(\"#value-carousel .slick-dots>li:first-child\").addClass('slick-active');\n\/\/             setTimeout(function() {\n\/\/                 jQuery('#value-carousel .slick-current').addClass('slick-active');\n\/\/             }, 1);\n\/\/         });\n\n\/\/         jQuery('#value-carousel').slick({\n\/\/             infinite: true,\n\/\/             arrows: false,\n\/\/             dots: true,\n\/\/             autoplay: false,\n\/\/             speed: 800,\n\/\/             slidesToShow: 1,\n\/\/             slidesToScroll: 1,\n\/\/ \t\t\t\t  pauseOnHover:true,\n\/\/             fade: true,\n\/\/             cssEase: 'linear',\n\/\/             rtl: false,\n\/\/             adaptiveHeight: true,\n\/\/         }).on('beforeChange', function(event, slick, currentSlide, nextSlide) {\n\/\/             \/\/ change pagination step\n\/\/             jQuery('#value-carousel-pagination .step').removeClass('is-active');\n\/\/             jQuery('#value-carousel-pagination .step .progress span').removeClass('is-active');\n\/\/             jQuery('#value-carousel-pagination .step').eq(nextSlide).addClass('is-active');\n\n\/\/             \/\/ start pagination progress\n\/\/             start_pagination_progress();\n\n\/\/             jQuery('#value-carousel .value-slide').removeClass('is-changing');\n\/\/             jQuery('#value-carousel .value-slide').eq(currentSlide).addClass('is-changing');\n\t\t\t\t\t\n\/\/             setTimeout(function() {\n\/\/                 jQuery('#value-carousel .value-slide').eq(currentSlide).removeClass('is-changing');\n\/\/             }, 800);\n\/\/         });\n\/\/     }\n\/\/ function build_pagination_progress() {\n\/\/         jQuery('#value-carousel-pagination .step:not(:last-child)').each(function() {\n\/\/             var x = jQuery(this).find('.circle').offset().left + jQuery(this).find('.circle').width();\n\/\/             var y = jQuery(this).next().find('.circle').offset().left;\n\/\/             console.log(x,y)\n\/\/             var dots_number = Math.ceil((y - x - 20) \/ 12);\n\/\/             var dots_container_width = (dots_number * 12) - 10;\n\/\/             var dots_container_offset = (((y - x) - dots_container_width) \/ 2) - 15;\n\n\/\/             jQuery(this).find('.progress').empty();\n\n\/\/             jQuery(this).find('.progress').css({ 'width' : dots_container_width, 'margin-left' : dots_container_offset });\n\n\/\/             for (i = 0; i < dots_number; i++) {\n\/\/                 jQuery(this).find('.progress').append('<span><\/span>');\n\/\/             }\n\/\/         });\n\/\/     }\n\/\/ function start_pagination_progress() {\n\/\/         clearTimeout(step_timeout);\n\/\/         clearInterval(dots_interval);\n\n\/\/         var timer = 5000;\n\/\/         var slider = jQuery('#value-carousel');\n\/\/         var current_step = jQuery('#value-carousel-pagination .step.is-active');\n\/\/         var next_step = (!current_step.is(':last-child')) ? current_step.next() : current_step.siblings().first();\n\t\t\t\n\/\/         \/\/ animate progress steps\n\/\/         if (!current_step.is(':last-child')) {\n\/\/             var dots = current_step.find('.progress span');\n\/\/             var dots_number = dots.length;\n\/\/             var dot_timer = (timer - 250) \/ dots_number;\n\n\/\/             dots_interval = setInterval(function() {\n\/\/                 current_step.find('.progress span:not(.is-active)').first().addClass('is-active')\n\/\/             }, dot_timer);\n\/\/         }\n\t\t\t\n\/\/         \/\/ change step\n\/\/         step_timeout = setTimeout(function() {\n\/\/             current_step.removeClass('is-active');\n\/\/             next_step.addClass('is-active');\n\n\/\/             if (dots) {\n\/\/                 dots.removeClass('is-active');\n\/\/             \t}\n\n\/\/             start_pagination_progress();\n\/\/             slider.slick('slickNext');\n\/\/         }, timer);\n\/\/     }\n\/\/ jQuery('#value-carousel-pagination .step .circle').on('click', function(e) {\n\/\/         e.preventDefault();\n\/\/         var index = jQuery(this).parents('.step').index();\n\/\/         jQuery('#value-carousel').slick('slickGoTo', index);\n\/\/         clearTimeout(step_timeout);\n\/\/         clearInterval(dots_interval);\n\/\/ \t\t\tstart_pagination_progress();\n\/\/ });\n\/\/ jQuery('.next_btn').on('click', function () {\n\/\/         console.log(jQuery('#value-carousel-pagination .step'))\n\/\/         let index;\n\/\/         for (let i = 0; i < jQuery('#value-carousel-pagination .step').length; i++) {\n\/\/           console.log(jQuery('#value-carousel-pagination .step')[i].className)\n\/\/           if (jQuery('#value-carousel-pagination .step')[i].className == 'step is-active') {\n\/\/             console.log(i);\n\/\/             if (i == 3) {\n\/\/               index = 0;\n\/\/             } else {\n\/\/               index = i + 1;\n\/\/             }\n\/\/             break;\n\/\/           }\n\/\/         }\n\/\/ \tconsole.log(index)\n\/\/    jQuery('#value-carousel').slick('slickGoTo', index);\n\/\/    clearTimeout(step_timeout);\n\/\/    clearInterval(dots_interval);\n\/\/ \tstart_pagination_progress();\n\/\/ });\n\/\/ \/\/ \u76d1\u542c\u79fb\u5165\u4e8b\u4ef6\n\/\/ jQuery('#value-carousel-pagination').hover(\n\/\/ \t\/\/ \tmouseenter\n\/\/ \tfunction(){\n\/\/     \tclearTimeout(step_timeout);\n\/\/    \t\tclearInterval(dots_interval);\n\/\/     },\n\/\/ \t\/\/ \tmouseleave\n\/\/ \tfunction(){ \n\/\/     start_pagination_progress();\n\/\/   })\n\/\/ jQuery('.slick_con').hover(\n\/\/ \t\/\/ \tmouseenter\n\/\/ \tfunction(){\n\/\/     \tclearTimeout(step_timeout);\n\/\/    \t\tclearInterval(dots_interval);\n\/\/     },\n\/\/ \t\/\/ \tmouseleave\n\/\/ \tfunction(){ \n\/\/     start_pagination_progress();\n\/\/   \t})\n\/\/ \/\/ function sedmove(){\n\/\/ \/\/ \/\/  \u00a0 console.log(jQuery(\".sed-bg\").height());\n\/\/ \/\/ \tjQuery(\"html, body\").animate({ 'scrollTop': 0 + 'px' }, 500)\n\/\/ \/\/ \taddFstMove();\n\/\/ \/\/ }\n\/\/ \/\/ function addSedMove(){\n\/\/ \/\/ \tlet sed_flag = 0;\n\/\/ \/\/ \tjQuery(\".sed-bg\").bind('mousewheel DOMMouseScroll ', function (event) {\n\/\/ \/\/ \t\tvar wheel = event.originalEvent.wheelDelta;\n\/\/ \/\/ \t\tvar detal = event.originalEvent.detail;\n\/\/ \/\/ \t\tconsole.log(\"\u4e0a\u6eda\");\n\/\/ \/\/        if (wheel > 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0a\u6eda\u52a8\u65f6\n\/\/ \/\/          \tconsole.log(\"\u4e0a\u6eda\");\n\/\/ \/\/ \t\t   \t\tif(sed_flag=== 0){\n\/\/ \/\/ \t\t\t\t\tsedmove();\n\/\/ \/\/ \/\/ \t\t   \t\t   debounce(sedmove(),200,true);\n\/\/ \/\/ \t\t\t\t   jQuery(\".sed-bg\").unbind('mousewheel DOMMouseScroll')\n\/\/ \/\/ \t\t\t\t\tsed_flag++;\n\/\/ \/\/ \t\t\t\t}\n\/\/ \/\/ \t\t  \t\treturn false;\n\/\/ \/\/        }\n\/\/ \/\/ \t})\n\/\/ \/\/ }\n\/\/ if (jQuery(window).width() >= 640) {\n\/\/ \t\/\/ addSedMove()\n\/\/ \tlet ratio = detectZoom();\n\/\/ \tif(ratio == 125){\n\/\/ \tconsole.log(ratio)\n\t\t\n\/\/ \t \u00a0 jQuery(\".fth-pagination-pic\").css(\"transform\",\"scale(0.8)\");\n\/\/ \t \u00a0 jQuery(\".thd-pic-box .pic-item .pic\").css(\"transform\",\"scale(0.8)\");\n\t\t\n\t\t\n\/\/ \t }\n\/\/ }\n\/\/ \/\/\u83b7\u53d6\u5f53\u524d\u9875\u9762\u7684\u7f29\u653e\u503c\n\/\/ function detectZoom() {\n\/\/     var ratio = 0,\n\/\/         screen = window.screen,\n\/\/         ua = navigator.userAgent.toLowerCase();\n\n\/\/     if (window.devicePixelRatio !== undefined) {\n\/\/         ratio = window.devicePixelRatio;\n\/\/     }\n\/\/     else if (~ua.indexOf('msie')) {\n\/\/         if (screen.deviceXDPI && screen.logicalXDPI) {\n\/\/             ratio = screen.deviceXDPI \/ screen.logicalXDPI;\n\/\/         }\n\/\/     }\n\/\/     else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {\n\/\/         ratio = window.outerWidth \/ window.innerWidth;\n\/\/     }\n\n\/\/     if (ratio) {\n\/\/         ratio = Math.round(ratio * 100);\n\/\/     }\n\/\/     return ratio;\n\/\/ }\n\n\/\/ if(document.documentElement.clientWidth>975){\n\/\/   jQuery(\".phoneBox\").css(\"display\",\"flex\")\n\/\/ }else{\n\/\/   jQuery(\".phoneBox\").css(\"display\",\"block\")\n\/\/ }<\/script><\/div><\/div><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-1381ea93\" data-vce-do-apply=\"all el-1381ea93\"><script src=\"\/my\/wp-includes\/js\/slick.min.js\"><\/script>\n<link href=\"\/my\/wp-includes\/css\/slick.css\" rel=\"stylesheet\" type=\"text\/css\">\n<link rel=\"stylesheet\" href=\"\/my\/wp-content\/themes\/himalayas\/css\/swiper.min.css\">\n<script src=\"\/my\/wp-content\/themes\/himalayas\/js\/swiper.min.js\"><\/script>\n<\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-d08445d5\" data-vce-do-apply=\"all el-d08445d5\"><script type=\"text\/javascript\">\nif (jQuery(window).width() >= 992) {\nif(isMac){\nconsole.log(jQuery(\".thd-box\"))\n}\n\/\/swiper \nvar BiggestSwiper = new Swiper('.sed-swiper2', {\nspeed: 1101 ,\n\u00a0 effect: 'fade',\nfadeEffect: {\ncrossFade: true,\n\u00a0},\nloop : true,\nautoplay: {\ndelay: 5000,\/\/5\u79d2\u5207\u6362\u4e00\u6b21\n},\ndirection : 'vertical' ,\npagination: {\nel: '.swiper-pagination' ,\nclickable: true ,\n},\nmousewheel:false,\n\u00a0})\nBiggestSwiper.autoplay.stop();\n\n}else{\n\/\/swiper \n\/\/ var BiggestSwiperPhone = new Swiper('.sed-swiper2', {\n\/\/ speed: 2000 ,\n\/\/ effect: 'fade',\n\/\/ fadeEffect: {\n\/\/ crossFade: true,\n\/\/ \u00a0},\n\/\/ autoplay: {\n\/\/ delay: 5000,\/\/5\u79d2\u5207\u6362\u4e00\u6b21\n\/\/ },\n\/\/ \/\/ \tdirection : 'vertical' ,\n\/\/ pagination: {\n\/\/ el: '.swiper-pagination' ,\n\/\/ clickable: true ,\n\/\/ },\n\/\/ mousewheel:false,\n\/\/ \u00a0})\n\n\/\/ BiggestSwiperPhone.autoplay.stop();\n\n}\n<\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" id=\"BeginYour\"><div class=\"vce-row vce-row--col-gap-0 full-row black-bg  vce-row-equal-height vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-7996ec3b\" data-vce-do-apply=\"all el-7996ec3b\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-ec8170ec\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-ec8170ec\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-ec8170ec\"><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-8fc72dc1\" data-vce-do-apply=\"all el-8fc72dc1\"><div class=\"listener-box\">\n  <a href=\"#thd\"><\/a>\n  <div class=\"thd-box\">\n    <div class=\"thd-title\">\n      <h1>Begin Your Digital Transformation Journey With NPN<\/h1>\n    <\/div>\n    <div class=\"thd-dec\">\n      <p>\n        We provide you ways to stay abreast of the competition and make sense of copious amounts of disconnected data,\n        leaving you with more efficient business operations and smart business strategies.\n      <\/p>\n    <\/div>\n    <div class=\"thd-pic-box\">\n      <div class=\"pic-item pic-item-1\">\n        <div class=\"pic-1 pic\"><\/div>\n        <div class=\"pic-2 pic\"><\/div>\n      <\/div>\n      <div class=\"pic-item pic-item-2\">\n        <div class=\"pic-3 pic\"><\/div>\n        <div class=\"pic-4 pic\"><\/div>\n      <\/div>\n      <div class=\"pic-item pic-item-3\">\n        <div class=\"pic-5 pic\"><\/div>\n        <div class=\"pic-6 pic\"><\/div>\n      <\/div>\n      <div class=\"pic-item pic-item-4\">\n        <div class=\"pic-7 pic\"><\/div>\n        <div class=\"pic-8 pic\"><\/div>\n      <\/div>\n      <div class=\"pic-item pic-item-5\">\n        <div class=\"pic-9 pic\"><\/div>\n        <div class=\"pic-10 pic\"><\/div>\n      <\/div>\n      <div class=\"pic-item pic-item-6\">\n        <div class=\"pic-11 pic\"><\/div>\n        <div class=\"pic-7 pic\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"swiper-container thd-swiper\">\n      <div class=\"swiper-wrapper\">\n        <div class=\"swiper-slide thd-swiper-phone1\">\n          <div class=\"thd-swiper-left thd-swiper-pic1\"><\/div>\n          <div class=\"thd-swiper-right\">\n            <div class=\"title\">\n              <span class=\"span1\">01<\/span>\n              <span class=\"span2\">Sell Anywhere Digitally <\/span>\n            <\/div>\n            <p class=\"con\">We have a solution for you to sell on e-commerce, social media, and offline channels that is\n              through our very own software developed in smart pos devices deployed to every touchpoint. NPN has\n              integrated into these platforms that allows you to sell immediately and consistently across anywhere. <\/p>\n\n            <p class=\"con2\">\n              You will no longer miss the chance for more sales and traffic from every platform. Start reaching to a\n              larger pool of audience and offer your customers different sales channels to purchase from you. Stand out\n              from the norm now!<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-slide thd-swiper-phone2\">\n          <div class=\"thd-swiper-left thd-swiper-pic2\"><\/div>\n          <div class=\"thd-swiper-right\">\n            <div class=\"title\">\n              <span class=\"span1\">02<\/span>\n              <span class=\"span2\">Sell Better Digitally <\/span>\n            <\/div>\n            <p class=\"con\">Interpret data to sell better. Our solution analyses all your gathered data to provide\n              essential insights on how to improve your holistic business plan. NPN will let you understand your\n              business and customer. <\/p>\n\n            <p class=\"con2\">\n              Create promotions to sell better. Our solution can design promotional activities that selling platforms\n              are incompetent with. NPN will let you differ from your competition and attract customers with\n              out-of-the-box promotions. <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-slide thd-swiper-phone3\">\n          <div class=\"thd-swiper-left thd-swiper-pic3\"><\/div>\n          <div class=\"thd-swiper-right\">\n            <div class=\"title\">\n              <span class=\"span1\">03<\/span>\n              <span class=\"span2\">Customise Retail Solutions<\/span>\n            <\/div>\n            <p class=\"con\">We have more than 10 years of experience dealing with technology in retail solutions. It is\n              confident to say that with the rapid changes in retail and advancement in technology, NPN recognises the\n              challenges you face and creates solutions for you.<\/p>\n\n            <p class=\"con2\">\n              Notifiable challenges include bridging multiple solutions and tracking your employees\u2019 performances. Our\n              solutions allow you to stop wasting time and resources with multiple solutions and start knowing your\n              employee\u2019s performance to produce better results.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"swiper-pagination\"><\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-33ea3654\" data-vce-do-apply=\"all el-33ea3654\"><script type=\"text\/javascript\">jQuery('.pic-item-1').slick({\n  infinite: true,\n  stopOnLastSlide: true,\n  arrows: false,\n  dots: false,\n  autoplay: true,\n  speed: 1500,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  fade: true,\n  cssEase: 'linear',\n  rtl: false,\n  adaptiveHeight: true\n})\njQuery('.pic-item-2').slick({\n  infinite: true,\n  stopOnLastSlide: true,\n  arrows: false,\n  dots: false,\n  \/\/ autoplay: true,\n  speed: 1500,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  fade: true,\n  cssEase: 'linear',\n  rtl: false,\n  adaptiveHeight: true\n})\njQuery('.pic-item-3').slick({\n  infinite: true,\n  stopOnLastSlide: true,\n  arrows: false,\n  dots: false,\n  \/\/ autoplay: true,\n  speed: 1500,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  fade: true,\n  cssEase: 'linear',\n  rtl: false,\n  adaptiveHeight: true\n})\njQuery('.pic-item-4').slick({\n  infinite: true,\n  stopOnLastSlide: true,\n  arrows: false,\n  dots: false,\n  \/\/ autoplay: true,\n  speed: 1500,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  fade: true,\n  cssEase: 'linear',\n  rtl: false,\n  adaptiveHeight: true\n})\njQuery('.pic-item-5').slick({\n  infinite: true,\n  stopOnLastSlide: true,\n  arrows: false,\n  dots: false,\n  \/\/ autoplay: true,\n  speed: 1500,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  fade: true,\n  cssEase: 'linear',\n  rtl: false,\n  adaptiveHeight: true\n})\njQuery('.pic-item-6').slick({\n  infinite: true,\n  stopOnLastSlide: true,\n  arrows: false,\n  dots: false,\n  \/\/ autoplay: true,\n  speed: 1500,\n  slidesToShow: 1,\n  slidesToScroll: 1,\n  fade: true,\n  cssEase: 'linear',\n  rtl: false,\n  adaptiveHeight: true\n})\njQuery('.pic-item-1').on('afterChange', function (event, slick, direction) {\n  \/\/console.log(\"1logo\");\n  jQuery('.pic-item-1').slick('slickPause');\n  jQuery('.pic-item-2').slick('slickNext');\n\n});\n\njQuery('.pic-item-2').on('afterChange', function (event, slick, direction) {\n\/\/             console.log(\"2logo\");\n  jQuery('.pic-item-3').slick('slickNext');\n});\njQuery('.pic-item-3').on('afterChange', function (event, slick, direction) {\n\/\/             console.log(\"3logo\");\n  jQuery('.pic-item-4').slick('slickNext');\n});\njQuery('.pic-item-4').on('afterChange', function (event, slick, direction) {\n\/\/             console.log(\"4logo\");\n  jQuery('.pic-item-5').slick('slickNext');\n});\njQuery('.pic-item-5').on('afterChange', function (event, slick, direction) {\n\/\/             console.log(\"5logo\");\n  jQuery('.pic-item-6').slick('slickNext');\n});\njQuery('.pic-item-6').on('afterChange', function (event, slick, direction) {\n\/\/             console.log(\"6logo\");\n  jQuery('.pic-item-1').slick('slickNext');\n});\nif (jQuery(window).width() >= 975) {\nif(isMac){\nconsole.log(jQuery(\".thd-box\"))\n\/\/ jQuery(\".thd-box\").css(\"margin-top\",\"-1.2rem\")\n}\n\/\/swiper \nvar mySwiper = new Swiper('.thd-swiper', {\nspeed: 1100 ,\n\u00a0 effect: 'fade',\nfadeEffect: {\ncrossFade: true,\n\u00a0},\nloop : true,\nautoplay: {\ndelay: 5000,\/\/5\u79d2\u5207\u6362\u4e00\u6b21\n},\ndirection : 'vertical' ,\npagination: {\nel: '.swiper-pagination' ,\nclickable: true ,\n},\nmousewheel:false,\n\u00a0})\n\/\/ mySwiper.el.onmouseover = function(){\n\/\/ mySwiper.autoplay.stop();\n\/\/ }\n\/\/ mySwiper.el.onmouseout = function(){\n\/\/ mySwiper.autoplay.start();\n\/\/ }\nmySwiper.autoplay.stop();\n}else{\n\/\/swiper \n\/\/ var mySwiperPhone = new Swiper('.thd-swiper', {\n\/\/ speed: 2000 ,\n\/\/ effect: 'fade',\n\/\/ fadeEffect: {\n\/\/ crossFade: true,\n\/\/ \u00a0},\n\/\/ autoplay: {\n\/\/ delay: 5000,\/\/5\u79d2\u5207\u6362\u4e00\u6b21\n\/\/ },\n\/\/ \/\/ \tdirection : 'vertical' ,\n\/\/ pagination: {\n\/\/ el: '.swiper-pagination' ,\n\/\/ clickable: true ,\n\/\/ },\n\/\/ mousewheel:false,\n\/\/ \u00a0})\n\n\/\/ mySwiperPhone.autoplay.stop();\n\n\/\/ document.addEventListener(\"touchmove\", function (e) {\n\/\/ e.preventDefalut()\n\/\/ }, {\n\/\/ passive: false\n\/\/ });\n\n\n\/\/ var startX, startY;\n\/\/ document.addEventListener(\"touchstart\", function (e) {\n\n\/\/ startX = e.targetTouches[0].pageX;\n\/\/ startY = e.targetTouches[0].pageY;\n\/\/ });\n\n\/\/ document.addEventListener(\"touchmove\", function (e) {\n\n\/\/ var moveX = e.targetTouches[0].pageX;\n\/\/ var moveY = e.targetTouches[0].pageY;\n\n\/\/ if (Math.abs(moveX - startX) > Math.abs(moveY - startY)) {\n\/\/ e.preventDefault();\n\/\/ }\n\/\/ }, {\n\/\/ passive: false\n\/\/ });\n\n}\n<\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container active\" id=\"HowNPNSupport\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-30 full-row black-bg  vce-row-equal-height vce-row-content--top\" id=\"el-391155a8\" data-vce-do-apply=\"all el-391155a8\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-4f3ceaa7\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-4f3ceaa7\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-4f3ceaa7\"><div class=\"vce-raw-html HowNPNSupportContent\"><div class=\"vce-raw-html-wrapper\" id=\"el-27bda55c\" data-vce-do-apply=\"all el-27bda55c\"><div class=\"HowNPNSupportContentWrap\" style=\"width: 63.75%;margin: 0 auto;\">\n  <h1 class=\"HowNPNSupportTitle\">How NPN Support Businesses Through Digital Transformation<\/h1>\n  <div class=\"itemWrap\">\n    <div class=\"item1\">\n      <div>\n        <img src=\"\/my\/wp-content\/uploads\/2022\/08\/3.1.png\" class=\"pcImg\">\n        <img src=\"\/my\/wp-content\/uploads\/2022\/08\/3.1.png\" class=\"phoneImg\">\n      <\/div>\n      <div class=\"itemContent\">\n        <h2 class=\"title\">Design Affordable Solutions<\/h2>\n        <div class=\"content\">\n          We understand that businesses worry about the high cost for solutions. NPN aims to design\n          each solution at a comfortable range for any business type that will fulfil all your business needs.\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"item2\">\n      <div>\n        <img src=\"\/my\/wp-content\/uploads\/2022\/08\/3.2.png\" class=\"pcImg\">\n        <img src=\"\/my\/wp-content\/uploads\/2022\/08\/3.2.png\" class=\"phoneImg\">\n      <\/div>\n      <div class=\"itemContent\">\n        <h2 class=\"title\">Quick Solution Turnaround <\/h2>\n        <div class=\"content\">\n          As we recognise your determination and importance to improve how you operate and deliver excellence, NPN\n          strives to design a solution in accordance to all your needs swiftly.\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"item3\">\n      <div>\n        <img src=\"\/my\/wp-content\/uploads\/2022\/08\/3.3.png\" class=\"pcImg\">\n        <img src=\"\/my\/wp-content\/uploads\/2022\/08\/3.3.png\" class=\"phoneImg\">\n      <\/div>\n      <div class=\"itemContent\">\n        <h2 class=\"title\">Trusted Technology Partner by 100+ Brands <\/h2>\n        <div class=\"content\">\n          Top brands such as Singtel, Grab, Foodpanda and Lazada have consistently placed their trust in NPN. We\n          promise to take upon your digital transformation with the same and fair treatment.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" id=\"SeeHowThese\"><div class=\"vce-row vce-row--col-gap-0 full-row black-bg  vce-row-equal-height vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-9ac48a69\" data-vce-do-apply=\"all el-9ac48a69\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-13d9792b\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-13d9792b\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-13d9792b\"><div class=\"vce-raw-html seeHowBusinessesWrap\"><div class=\"vce-raw-html-wrapper\" id=\"el-47f23e4a\" data-vce-do-apply=\"all el-47f23e4a\"><div class=\"fth-box\">\n  <h1 class=\"fth-title\">\n    See How These Businesses Transform Digitally with NPN\n  <\/h1>\n  <div class=\"fth-pagination\">\n    <ul>\n      <li class=\"fth-pagination-li\">\n        <div class=\"fth-pagination-pic fth-pagination-pic1\"><\/div>\n      <\/li>\n      <li class=\"fth-pagination-li\">\n        <div class=\"fth-pagination-pic fth-pagination-pic2\"><\/div>\n      <\/li>\n      <li class=\"fth-pagination-li\">\n        <div class=\"fth-pagination-pic fth-pagination-pic3\"><\/div>\n      <\/li>\n      <li class=\"fth-pagination-li\">\n        <div class=\"fth-pagination-pic fth-pagination-pic4\"><\/div>\n      <\/li>\n      <li class=\"fth-pagination-li\">\n        <div class=\"fth-pagination-pic fth-pagination-pic5\"><\/div>\n      <\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"fth-flex\">\n    <div class=\"swiper-container fth-swiper\">\n      <div class=\"swiper-wrapper\">\n        <div class=\"swiper-slide\">\n          <div class=\"swiper-slide-left\">\n            <p class=\"title\">Singtel<\/p>\n            <p class=\"con\">With NPN\u2019s technology, Singtel\u2019s mobile top-up services expanded to include both online\n              and\n              offline channels, allowing more people access to Singtel\u2019s mobile top-up feature easily.<\/p>\n            <div class=\"number-box\">\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box width15\">\n                  <span class=\"item-math number1\">1000<\/span>\n                  <span class=\"item-math\">+<\/span>\n                <\/div>\n                <p class=\"dec\">\n                  Offline &amp; online channels\n                <\/p>\n              <\/div>\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box width13\">\n                  <span class=\"item-math number2\">1.8<\/span>\n                  <span class=\"item-math\">M<\/span>\n                <\/div>\n                <p class=\"dec\">\n                  Monthly GMV\n                <\/p>\n              <\/div>\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box\">\n                  <span class=\"item-math number3\">150<\/span>\n                  <span class=\"item-math\">K<\/span>\n                <\/div>\n                <p class=\"dec\">\n                  Monthly Transactions\n                <\/p>\n              <\/div>\n            <\/div>\n            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;\n          <\/div>\n\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"swiper-slide-left\">\n            <p class=\"title\">Foodpanda<\/p>\n            <p class=\"con\">Using NPN\u2019s expertise to digitize brand and product, Foodpanda was able to penetrate the\n              market by increasing its offerings to include Foodpanda Vouchers. NPN also improved its branding by\n              leaps and bounds as a result of the increased touchpoints in the online and offline spheres.<\/p>\n            <div class=\"number-box margint05\">\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box\">\n                  <span class=\"item-math number4\">80<\/span>\n                  <span class=\"item-math\">K<\/span>\n                <\/div>\n                <p class=\"dec width13_r\">\n                  Monthly product page visits\n                <\/p>\n              <\/div>\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box width15\">\n                  <span class=\"item-math number5\">400<\/span>\n                  <span class=\"item-math\">K<\/span>\n                <\/div>\n                <p class=\"dec\">\n                  Monthly GMV\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"swiper-slide-left\">\n            <p class=\"title\">Grab<\/p>\n            <p class=\"con\">Partnering with NPN, Grab was able to expedite the deployment of its GrabFood machines to\n              merchants, resulting in a remarkable increase in efficiency and a welcome drop of backbreaking, manual\n              labour work.<\/p>\n            <div class=\"number-box\">\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box  width08\">\n                  <span class=\"item-math number6\">5<\/span>\n                  <span class=\"item-math\">X<\/span>\n                <\/div>\n                <p class=\"dec\">\n                  Increase in efficiency\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"swiper-slide-left\">\n            <p class=\"title\">Lazada<\/p>\n            <p class=\"con\">As a Lazada partner, NPN was able to leverage on its technology to help Lazada create new\n              and innovative business methodologies, ultimately driving and scaling their business in categories\n              such as F&amp;B, Digital, Services, Beauty and many more.\n            <\/p>\n            <div class=\"number-box\" style=\"margin-top: 0.8rem;\">\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box  width08\">\n                  <span class=\"item-math number6\">3<\/span>\n                  <span class=\"item-math\">X<\/span>\n                <\/div>\n                <p class=\"dec\">\n                  Increase in efficiency\n                <\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"swiper-slide-left\">\n            <p class=\"title\">SF Express<\/p>\n            <p class=\"con\">Using NPN\u2019s technological prowess, a drop-off solution for parcels was built for SF\n              express. Allowing customers to drop off and sent parcels to their loved ones faster and more\n              conveniently.\n            <\/p>\n            <div class=\"number-box\">\n              <div class=\"number-item\">\n                <div class=\"border-bottom-orange\"><\/div>\n                <div class=\"item-math-box  width08\">\n                  <span class=\"item-math number6\">10<\/span>\n                  <span class=\"item-math\">X<\/span>\n                <\/div>\n                <p class=\"dec\">Increase in sales<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"swiper-slide-right\"><\/div>\n  <\/div>\n  <div class=\"fth-phone\">\n    <div class=\"swiper-container fth-phone-fstSwiper\">\n      <div class=\"swiper-wrapper\">\n        <div class=\"swiper-slide\">\n          <div class=\"fth-phone-pic1 fth-phone-pic\"><\/div>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <div class=\"fth-phone-pic3 fth-phone-pic\"><\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"fth-phone-pic4 fth-phone-pic\"><\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"fth-phone-pic2 fth-phone-pic\"><\/div>\n        <\/div>\n\n        <div class=\"swiper-slide\">\n          <div class=\"fth-phone-pic5 fth-phone-pic\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!-- \u56fa\u5b9a\u7684\u56fe\u7247 -->\n    <img src=\"\/my\/wp-content\/uploads\/2022\/02\/DigitalTransformation_08_phone.png\" class=\"pic\">\n\n    <div class=\"swiper-container fth-phone-scdSwiper\">\n      <div class=\"swiper-wrapper\">\n        <div class=\"swiper-slide\">\n          <div class=\"mb\">\n            <div class=\"mb-num-box\">\n\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox\">\n                  <span>1000<\/span>\n                  <span>+<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Offline &amp; online channels\n                <\/p>\n              <\/div>\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox w100\">\n                  <span>1.8<\/span>\n                  <span>M<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Monthly GMV\n                <\/p>\n              <\/div>\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox w100\">\n                  <span>150<\/span>\n                  <span>K<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Monthly Transactions\n                <\/p>\n              <\/div>\n\n            <\/div>\n          <\/div>\n          <div class=\"fth-phone-con\">\n            <p class=\"fth-phone-con-title\">\n              Singtel\n            <\/p>\n            <p class=\"fth-phone-con-con\">\n              With NPN\u2019s technology, Singtel\u2019s mobile top-up services expanded to include both online and offline\n              channels, allowing more people access to Singtel\u2019s mobile top-up feature easily.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"mb\">\n            <div class=\"mb-num-box\">\n\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox w100\">\n                  <span>80<\/span>\n                  <span>K<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Monthly product page visits\n                <\/p>\n              <\/div>\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox\">\n                  <span>400<\/span>\n                  <span>K<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Monthly GMV\n                <\/p>\n              <\/div>\n\n            <\/div>\n          <\/div>\n          <div class=\"fth-phone-con\">\n\n            <p class=\"fth-phone-con-title\">\n              Foodpanda\n            <\/p>\n            <p class=\"fth-phone-con-con\">\n              Using NPN\u2019s expertise to digitize brand and product, Foodpanda was able to penetrate the market by\n              increasing its offerings to include Foodpanda Vouchers. NPN also improved its branding by leaps and\n              bounds as a result of the increased touchpoints in the online and offline spheres.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <div class=\"mb\">\n            <div class=\"mb-num-box\">\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox w70\">\n                  <span>5<\/span>\n                  <span>X<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Increase in efficiency\n                <\/p>\n              <\/div>\n\n            <\/div>\n          <\/div>\n          <div class=\"fth-phone-con\">\n\n            <p class=\"fth-phone-con-title\">\n              Grab\n            <\/p>\n            <p class=\"fth-phone-con-con\">\n              Partnering with NPN, Grab was able to expedite the deployment of its GrabFood machines to merchants,\n              resulting in a remarkable increase in efficiency and a welcome drop of backbreaking, manual labour\n              work.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <!--             <div style=\"width:100%;height:1rem;\"><\/div> -->\n          <div class=\"mb\">\n            <div class=\"mb-num-box\">\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox w70\">\n                  <span>3<\/span>\n                  <span>X<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Increase in efficiency\n                <\/p>\n              <\/div>\n\n            <\/div>\n          <\/div>\n          <div class=\"fth-phone-con\">\n            <p class=\"fth-phone-con-title\">\n              Lazada\n            <\/p>\n            <p class=\"fth-phone-con-con\">\n              As a Lazada partner, NPN was able to leverage on its technology to help Lazada create new and\n              innovative\n              business methodologies, ultimately driving and scaling their business in categories such as F&amp;B,\n              Digital, Services, Beauty and many more.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"swiper-slide\">\n          <!--             <div style=\"width:100%;height:1rem;\"><\/div> -->\n          <div class=\"mb\">\n            <div class=\"mb-num-box\">\n              <div class=\"mb-num-box-item\">\n                <div class=\"mb-num-box-orange\"><\/div>\n                <div class=\"mb-num-box-mathbox w70\">\n                  <span>10<\/span>\n                  <span>X<\/span>\n                <\/div>\n                <p class=\"mb-num-box-dec\">\n                  Increase in sales\n                <\/p>\n              <\/div>\n\n            <\/div>\n          <\/div>\n          <div class=\"fth-phone-con\">\n\n            <p class=\"fth-phone-con-title\">\n              SF Express\n            <\/p>\n            <p class=\"fth-phone-con-con\">\n              Using NPN\u2019s technological prowess, a drop-off solution for parcels was built for SF express. Allowing\n              customers to drop off and sent parcels to their loved ones faster and more conveniently.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"swiper-pagination\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-23befb1f\" data-vce-do-apply=\"all el-23befb1f\"><script type=\"text\/javascript\">  \/\/swiper \n var mySwiper2 = new Swiper('.fth-swiper', {\n\tspeed: 200 ,\n\tdirection : 'vertical' ,\n\tmousewheel:false ,\n\tpagination: {\n\t\tel: '.fth-pagination' ,\n\t\tclickable: true ,\n\t\ttype: 'custom',\n\t} ,\n\ton: {\n    slideChangeTransitionEnd: function(){\n\/\/       alert(this.activeIndex);\/\/\u5207\u6362\u7ed3\u675f\u65f6\uff0c\u544a\u8bc9\u6211\u73b0\u5728\u662f\u7b2c\u51e0\u4e2aslide\n    },\n\t\tnavigation: {\n        nextEl: '.swiper-button-next',\n        prevEl: '.swiper-button-prev',\n      }\n  },\n })\n function numberChange1(){\n\tnumber1Twinkle(0,1000,1.5,60,\".item-math-box .number1\");\n\tnumber2Twinkle(0,1.8,1.5,60,\".item-math-box .number2\");\n\tnumber1Twinkle(0,150,1.5,60,\".item-math-box .number3\");\n }\nfunction numberChange2(){\n\tnumber1Twinkle(0,80,2,60,\".item-math-box .number4\");\n\tnumber1Twinkle(0,400,2,60,\".item-math-box .number5\");\n}\nfunction numberChange3(){\n\tnumber1Twinkle(0,5,2,60,\".item-math-box .number6\");\n}\nfunction numberChange4(){\n\tnumber1Twinkle(0,3,2,60,\".item-math-box .number6\");\n}\nfunction numberChange5(){\n\tnumber1Twinkle(0,10,2,60,\".item-math-box .number6\");\n}\n \/\/\u7ed9\u6bcf\u4e2a\u9875\u7801\u7ed1\u5b9a\u8df3\u8f6c\u7684\u4e8b\u4ef6 \n $('.fth-pagination-pic1').on('click',function(){\n\t console.log(\"\u8df3\u8f6c1\")\n  mySwiper2.slideTo(0, 500, false);\n  numberChange1();\n })\n $('.fth-pagination-pic2').on('click',function(){\n\t console.log(\"\u8df3\u8f6c2\")\n\t \n  mySwiper2.slideTo(1, 500, false);\n\t numberChange2();\n })\n $('.fth-pagination-pic3').on('click',function(){\n\t console.log(\"\u8df3\u8f6c3\")\n\t \n  mySwiper2.slideTo(2, 500, false);\n\t numberChange3();\n })\n$('.fth-pagination-pic4').on('click',function(){\n  mySwiper2.slideTo(3, 500, false);\n\t numberChange4();\n\t\n })\n$('.fth-pagination-pic5').on('click',function(){\n  mySwiper2.slideTo(4, 500, false);\n\t numberChange5();\n\t\n })\n\/\/ \u6574\u6570\nfunction number1Twinkle(min,max,useTime,rate,el) {\n  min=Number(min);\n  max=Number(max);\n  useTime=Number(useTime);\n  rate=Number(rate);\n  let jg=(max-min)\/rate;\n  let timeInterval=(useTime*1000)\/rate;\n  let interval=setInterval(function () {\n  \t\tmin+=jg;\n  \t\tlet minInt= Number(min.toFixed(0));\n  \t\tjQuery(el).html(minInt);\n  \t\tif(minInt===max){\n     \tclearInterval(interval);\n  \t\t}\n \t},timeInterval);\n}\n\/\/ \u5c0f\u6570\nfunction number2Twinkle(min,max,useTime,rate,el) {\n            min=Number(min);\n            max=Number(max);\n            useTime=Number(useTime);\n            rate=Number(rate);\n            let jg=(max-min)\/rate;\n            let timeInterval=(useTime*1000)\/rate;\n            let interval=setInterval(function () {\n                min+=jg;\n                let minInt= Number(min.toFixed(1));\n                jQuery(el).html(minInt);\n                if(minInt===max){\n                    clearInterval(interval);\n                }\n            },timeInterval);\n \u00a0 \u00a0 \u00a0  }\n\/\/ \u76d1\u542c\u6eda\u52a8\u6761\nlet fth_flag = 0;\njQuery(\".vce-raw-html\").on('mousewheel DOMMouseScroll', function (event) {\n\tif(fth_flag ==0){\n\t\tif(document.documentElement.scrollTop > 2380){\n\t\t\tnumberChange1();\n\t\t\tfth_flag = 1;\n\t\t}\n\t}\n})\nconsole.log(\"\u624b\u673a\u7aefswiper\")\n\n\/\/swiper \nvar mySwiper3 = new Swiper('.fth-phone-scdSwiper', {\n   loop: true,\n\tloopedSlides: 5,\n\tloopAdditionalSlides : 0,\n\/\/ \teffect : 'coverflow',\n\tspeed: 500,\n\tpagination: {\n\t\tel: '.swiper-pagination' ,\n\t\tclickable: false ,\n\t},\n\t\n})\n \/\/swiper \n var mySwiper4 = new Swiper('.fth-phone-fstSwiper', {\n    loop: true,\n\t speed: 500,\n\t \/\/ \t effect : 'coverflow',\n\t slidesPerView : 3,\n\t spaceBetween: -30,\n\t loopedSlides: 5,\n\t loopAdditionalSlides : 0,\n\t centeredSlides : true,\n\t controller: {\n    control: mySwiper3,\n   }\n})\nmySwiper4.controller.control = mySwiper3;\nmySwiper3.controller.control = mySwiper4;\n\n<\/script><\/div><\/div><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-78de7ba1\" data-vce-do-apply=\"all el-78de7ba1\"><div class=\"iconsWrapPhone\">\n  <div class=\"a active\">\n  <a href=\"https:\/\/wa.me\/6590987745\" class=\"scrollup_list onlyHome\" title=\"whatsapp\" target=\"_blank\" rel=\"noopener\">\n  <img class=\"icon scrollup_list1\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/whatsapp@2x.png\" alt=\"Shop pictogram\">\n  <img class=\"icon scrollup_list2\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/whatsapp1@2x.png\" alt=\"Shop pictogram\" style=\"display: none\">\n  <\/a>\n  <\/div>\n  <div class=\"b active\">\n  <a href=\"mailto:hello@npn.sg\" class=\"scrollup_w onlyHome\" title=\"email\" target=\"_blank\" rel=\"noopener\">\n  <img class=\"icon scrollup_w1\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/email@2x.png\" alt=\"Shop pictogram\">\n  <img class=\"icon scrollup_w2\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/email1@2x.png\" alt=\"Shop pictogram\" style=\"display: none\">\n  <\/a>\n  <\/div>\n  <div class=\"c active\">\n  <a href=\"https:\/\/www.facebook.com\/npnsingapore\" class=\"scrollup_f onlyHome\" title=\"Facebook\" target=\"_blank\" rel=\"noopener\">\n  <img class=\"icon scrollup_f1\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/facebook@2x.png\" alt=\"Shop pictogram\">\n  <img class=\"icon scrollup_f2\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/facebook1@2x.png\" alt=\"Shop pictogram\" style=\"display: none\">\n  <\/a>\n  <\/div>\n  <div class=\"d active\">\n  <a href=\"https:\/\/www.linkedin.com\/company\/retailtechnpn\/\" class=\"scrollup_l onlyHome\" title=\"Linkedin\" target=\"_blank\" rel=\"noopener\">\n  <img class=\"icon scrollup_l1\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/LinkedinIn@2x.png\" alt=\"Shop pictogram\">\n  <img class=\"icon scrollup_l2\" src=\"\/my\/wp-content\/themes\/himalayas\/images\/LinkedinIn1@2x.png\" alt=\"Shop pictogram\" style=\"display: none\">\n  <\/a>\n  <\/div>\n  <\/div><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-c8bc3fe4\" data-vce-do-apply=\"all el-c8bc3fe4\"><script type=\"text\/javascript\">if(screen.width<992){\n\tlet allPhone = document.querySelectorAll(\".iconsWrapPhone>div\")\n\twindow.addEventListener(\"scroll\",function(){\n    \n    if(window.scrollY>100){\n      if(jQuery(window).height()>colophon.getBoundingClientRect().top){\n        for(let i=0;i<allPhone.length;i++){\n          allPhone[i].classList.remove(\"active\")\n        }\n      }else{\n        for(let i=0;i<allPhone.length;i++){\n          allPhone[i].classList.add(\"active\")\n        }\n      }\n    }else{\n      for(let i=0;i<allPhone.length;i++){\n        allPhone[i].classList.remove(\"active\")\n      }\n    }\n  })\n  window.addEventListener(\"load\",function(){\n    if(window.scrollY>100){\n      if(jQuery(window).height()>colophon.getBoundingClientRect().top){\n        for(let i=0;i<allPhone.length;i++){\n          allPhone[i].classList.remove(\"active\")\n        }\n      }else{\n        for(let i=0;i<allPhone.length;i++){\n          allPhone[i].classList.add(\"active\")\n        }\n      }\n    }else{\n      for(let i=0;i<allPhone.length;i++){\n        allPhone[i].classList.remove(\"active\")\n      }\n    }\n  })\n}<\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" id=\"blogPC\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-0 full-row vce-row-equal-height vce-row-content--top\" id=\"el-a39c60ba\" data-vce-do-apply=\"all el-a39c60ba\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-d2309c03\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-d2309c03\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-d2309c03\"><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-ff132422\" data-vce-do-apply=\"all el-ff132422\"><div id=\"others\">\n\t<div class=\"title\">\n\t\t<h1 class=\"TypesofGift\">Blog<\/h1>\n\t\t<a class=\"moreBtn\" href=\"\/sg\/blog\/\">More<img src=\"\/my\/wp-content\/themes\/himalayas\/images\/More.svg\"><\/a>\t\n\t<\/div>\n\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" id=\"Form\"><div class=\"vce-row vce-row--col-gap-0 full-row black-bg  vce-row-equal-height vce-row-content--top\" data-vce-full-width=\"true\" data-vce-stretch-content=\"true\" id=\"el-81e05e13\" data-vce-do-apply=\"all el-81e05e13\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-93898d65\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-93898d65\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-93898d65\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-d13f1442\" data-vce-do-apply=\"all el-d13f1442\"><p><div class=\"frm_forms  with_frm_style frm_style_formidable-style\" id=\"frm_form_37_container\">\r\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form \" id=\"form_7adelr\" >\r\n<div class=\"frm_form_fields \">\r\n<fieldset>\r\n<legend class=\"frm_hidden\">Start Redefining Your Retail!<\/legend>\r\n\r\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\r\n<input type=\"hidden\" name=\"form_id\" value=\"37\" \/>\r\n<input type=\"hidden\" name=\"frm_hide_fields_37\" id=\"frm_hide_fields_37\" value=\"\" \/>\r\n<input type=\"hidden\" name=\"frm_helpers_37\" id=\"frm_helpers_37\" value=\"[]\" \/>\r\n<input type=\"hidden\" name=\"form_key\" value=\"7adelr\" \/>\r\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\r\n<input type=\"hidden\" id=\"frm_submit_entry_37\" name=\"frm_submit_entry_37\" value=\"99056a8d87\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/sg\/wp-json\/wp\/v2\/pages\/7021\" \/>\r\n<div id=\"frm_field_221_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n    <label for=\"field_zn2q7o\" class=\"frm_primary_label\">Name\r\n        <span class=\"frm_required\">*<\/span>\r\n    <\/label>\r\n    <input type=\"text\" id=\"field_zn2q7o\" name=\"item_meta[221]\" class=\"Name\" value=\"\"  placeholder=\"Name\" data-reqmsg=\"This field cannot be empty\"  \/>\r\n\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_222_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n    <label for=\"field_mmbw0g\" class=\"frm_primary_label\">Contact\r\n        <span class=\"frm_required\">*<\/span>\r\n    <\/label>\r\n    <input type=\"text\" id=\"field_mmbw0g\" name=\"item_meta[222]\" class=\"Contact\" value=\"\"  placeholder=\"Contact\" data-reqmsg=\"This field cannot be empty\"  \/>\r\n\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_225_container\" class=\"frm_form_field form-field  frm_required_field frm_none_container\">\r\n    <label for=\"field_4p95af\" class=\"frm_primary_label\">How did you hear about us?\r\n        <span class=\"frm_required\">*<\/span>\r\n    <\/label>\r\n    <select name=\"item_meta[225]\" id=\"field_4p95af\"  data-frmval=\"How did you hear about us?\" data-reqmsg=\"This field cannot be empty\"  >\r\n\t\t<option value=\"How did you hear about us?\"  selected=\"selected\">How did you hear about us?<\/option>\r\n    \t\t<option value=\"Word-of-mouth\" >Word-of-mouth<\/option>\r\n    \t\t<option value=\"Google Search\" >Google Search<\/option>\r\n    \t\t<option value=\"LinkedIn\" >LinkedIn<\/option>\r\n    \t\t<option value=\"Facebook\" >Facebook<\/option>\r\n    \t\t<option value=\"Others\" >Others<\/option>\r\n    <\/select>\r\n\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_226_container\" class=\"frm_form_field form-field  frm_required_field frm_top_container\">\r\n    <label for=\"field_bgjo2l\" class=\"frm_primary_label\">Email\r\n        <span class=\"frm_required\">*<\/span>\r\n    <\/label>\r\n    <input type=\"text\" id=\"field_bgjo2l\" name=\"item_meta[226]\" class=\"Email\" value=\"\"  placeholder=\"Email\" data-reqmsg=\"This field cannot be empty\"  \/>\r\n\r\n    \r\n    \r\n<\/div>\n<div id=\"frm_field_227_container\" class=\"frm_form_field form-field  frm_top_container\">\r\n    <label for=\"field_ayuhfj\" class=\"frm_primary_label\">Message\r\n        <span class=\"frm_required\"><\/span>\r\n    <\/label>\r\n    <input type=\"text\" id=\"field_ayuhfj\" name=\"item_meta[227]\" class=\"Message\" value=\"\"  placeholder=\"Message\"  \/>\r\n\r\n    \r\n    \r\n<\/div>\n<input type=\"hidden\" name=\"item_meta[243]\" id=\"field_1yxbaj\" value=\"Website Organic\"  data-frmval=\"Website Organic\"   \/>\r\n<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\r\n<div class=\"digital_btn frm_submit\">\r\n\r\n<input type=\"submit\" value=\"Submit\"  \/>\r\n<img class=\"frm_ajax_loading\" src=\"https:\/\/sggw-test.npn.sg\/sg\/wp-content\/plugins\/formidable\/images\/ajax_loader.gif\" alt=\"Sending\"\/>\r\n\r\n<\/div><\/fieldset>\r\n<\/div>\r\n<\/form>\r\n<\/div>\r\n<\/p><\/div><\/div><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-e233258d\" data-vce-do-apply=\"all el-e233258d\"><script src=\"\/my\/wp-content\/themes\/himalayas\/js\/longbow.slidercaptcha.js\"><\/script><\/div><\/div><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-65e72203\" data-vce-do-apply=\"all el-65e72203\"><div class=\"sub-box\">\n\t<div id=\"contact-bottom\"><\/div>\n\t<h1 class=\"title\">Start Redefining Your Retail!<\/h1>\n\t<p class=\"dec\">Speak with our team of experts to bring your retail \nvision into focus.<\/p>\n\t<div class=\"pic\"><\/div>\n\t<div class=\"sub_btn\" onclick=\"pcRobot()\">\n\t\tSubmit Your Interest\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-1601039e\" data-vce-do-apply=\"all el-1601039e\"><script type=\"text\/javascript\">jQuery(\".frm_style_formidable-style.with_frm_style select\").change(function(){\n\tlet unChange = jQuery(this).find(\"option:checked\").text()\n\n\tif(unChange == \"How did you hear about us?\"){\n\tjQuery(this).css(\"color\",\"#c5c5c5\")\n\t}else{\n\tjQuery(this).css(\"color\",\"#fff\")\n\t}\n\t\n})<\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vce-row-container\" data-vce-boxed-width=\"true\"><div class=\"vce-row vce-row--col-gap-0 fa_mb display_n full-row vce-row-equal-height vce-row-content--top\" id=\"el-c8582bf6\" data-vce-do-apply=\"all el-c8582bf6\"><div class=\"vce-row-content\" data-vce-element-content=\"true\"><div class=\"vce-col vce-col--md-auto vce-col--xs-1 vce-col--xs-last vce-col--xs-first vce-col--sm-last vce-col--sm-first vce-col--md-last vce-col--lg-last vce-col--xl-last vce-col--md-first vce-col--lg-first vce-col--xl-first\" id=\"el-b304b795\"><div class=\"vce-col-inner\" data-vce-do-apply=\"border margin background  el-b304b795\"><div class=\"vce-col-content\" data-vce-element-content=\"true\" data-vce-do-apply=\"padding el-b304b795\"><div class=\"vce-text-block\"><div class=\"vce-text-block-wrapper vce\" id=\"el-6a9df483\" data-vce-do-apply=\"all el-6a9df483\"><div class=\"is_robot robot_4 display_n\"><div class=\"frm_forms  with_frm_style frm_style_formidable-style\" id=\"frm_form_31_container\">\r\n<form enctype=\"multipart\/form-data\" method=\"post\" class=\"frm-show-form \" id=\"form_8yb46o\" >\r\n<div class=\"frm_form_fields \">\r\n<fieldset>\r\n<legend class=\"frm_hidden\">isRobotPC2<\/legend>\r\n\r\n<input type=\"hidden\" name=\"frm_action\" value=\"create\" \/>\r\n<input type=\"hidden\" name=\"form_id\" value=\"31\" \/>\r\n<input type=\"hidden\" name=\"frm_hide_fields_31\" id=\"frm_hide_fields_31\" value=\"\" \/>\r\n<input type=\"hidden\" name=\"frm_helpers_31\" id=\"frm_helpers_31\" value=\"[]\" \/>\r\n<input type=\"hidden\" name=\"form_key\" value=\"8yb46o\" \/>\r\n<input type=\"hidden\" name=\"item_meta[0]\" value=\"\" \/>\r\n<input type=\"hidden\" id=\"frm_submit_entry_31\" name=\"frm_submit_entry_31\" value=\"99056a8d87\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/sg\/wp-json\/wp\/v2\/pages\/7021\" \/>\r\n<div id=\"frm_field_213_container\" class=\"frm_form_field  frm_top_container form-field\">\n<div class=\"slidercaptcha card\">\n<div class=\"card-header\">\n                        <span>Safety Verification<\/span><br \/>\n                        <span onclick=\"pcBack()\" class=\"close_v\"><\/span>\n                    <\/div>\n<div class=\"card-body\">\n<div id=\"pc_verify_con2\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<input type=\"hidden\" name=\"item_key\" value=\"\" \/>\r\n<div class=\"frm_submit\">\r\n\r\n<input type=\"submit\" value=\"Submit\"  \/>\r\n<img class=\"frm_ajax_loading\" src=\"https:\/\/sggw-test.npn.sg\/sg\/wp-content\/plugins\/formidable\/images\/ajax_loader.gif\" alt=\"Sending\"\/>\r\n\r\n<\/div><\/fieldset>\r\n<\/div>\r\n<\/form>\r\n<\/div>\r\n<\/div><\/div><\/div><div class=\"vce-raw-html\"><div class=\"vce-raw-html-wrapper\" id=\"el-f7e44016\" data-vce-do-apply=\"all el-f7e44016\"><script src=\"\/my\/wp-content\/themes\/himalayas\/js\/longbow.slidercaptcha.js\"><\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-cd695f7a\" data-vce-do-apply=\"all el-cd695f7a\"><script type=\"text\/javascript\">var mb = document.getElementsByClassName(\"fa_mb\")[0]\nvar robot_4 = document.getElementsByClassName(\"robot_4\")[0]\nfunction pcRobot() {\n         robot_4.classList.add(\"display_b\");\n         robot_4.classList.remove(\"display_n\");\n        mb.addEventListener('mousewheel', function(e) {\n          e.preventDefault();\n        }, false);\n        mb.addEventListener('touchmove', function(e) {\n          e.preventDefault();\n        }, false);\n         mb.classList.add(\"display_b\");\n         mb.classList.remove(\"display_n\");\n         stopMove();\n}\n\nfunction pcBack() {\n\n    robot_4.classList.remove(\"display_b\");\n    robot_4.classList.add(\"display_n\");\n    mb.classList.remove(\"display_b\");\n    mb.classList.add(\"display_n\");\n    Move();\n}\n\nfunction stopMove() {\n    let wrap = document.querySelector(\".fa_mb\")\n    wrap.addEventListener('mousewheel', function(e) {\n     e.preventDefault();\n    }, false);\n    document.body.classList.add(\"testBar\")\n}\n\nfunction Move() {\n    document.body.classList.remove(\"testBar\")\n}\n\njQuery('#pc_verify_con2').sliderCaptcha({\nrepeatIcon: 'fa fa-refresh',\nonSuccess: function () {\n\/\/\u64cd\u4f5c\nmb.classList.remove(\"display_b\");\nmb.classList.add(\"display_n\");\nrobot_4.classList.remove(\"display_b\");\nrobot_4.classList.add(\"display_n\");\n\nlet submitBtn = document.querySelector(\".digital_btn input\")\nconsole.log(submitBtn)\nsubmitBtn.click()\nMove();\nsetTimeout(function(){\n if(document.querySelector(\".frm_message\")){\t\t document.querySelector(\".frm_message\").style=\"display:none\"  \n }\n},4000)\nconsole.log(\"\u91cd\u7f6e\");\nlet refreshBtn = document.querySelector(\"#pc_verify_con2 .refreshIcon\")\nconsole.log(refreshBtn)\nrefreshBtn.click()\n\n},\nonFail: function () {\nlet failIcon = document.querySelector(\".sliderContainer_fail .slider .sliderIcon\")\nfailIcon.classList.remove(\"fa-arrow-right\");\nfailIcon.classList.add(\"fa-close\");\nsetTimeout(function(){\nfailIcon.classList.remove(\"fa-close\");\nfailIcon.classList.add(\"fa-arrow-right\");\n},1000)\n\n},\n\n});<\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-79d12fa8\" data-vce-do-apply=\"all el-79d12fa8\"><script type=\"text\/javascript\">setTimeout(function(){\n\t\tlet message = document.querySelector(\".frm_message\")\n\t\tlet messagePhone = document.querySelector(\".formPhone .frm_message\")\n\t\t\n\t\tif(message){\n\t\t\tmessage.style=\"display:none\"\n\t\t}\n\t\tif(messagePhone){\n\t\t\tmessage.style=\"display:none\"\n\t\t}\t\n},3000)<\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-f33349cb\" data-vce-do-apply=\"all el-f33349cb\"><script type=\"text\/javascript\">window.addEventListener(\"scroll\",function(){   \n\n  EleMoveTransform(jQuery(\".itemWrap\"))\n  EleMoveTransform(jQuery(\"#HowNPNSupport\"))\n  \n})\n\nfunction EleMoveTransform(obj){\n  if(window.scrollY + screen.height >= obj.offset().top ){\n    obj.addClass(\"active\")\n  }\n}\n\nwindow.addEventListener(\"DOMContentLoaded\",function(){\n\n  EleMoveTransform(jQuery(\".itemWrap\"))\n  EleMoveTransform(jQuery(\"#HowNPNSupport\"))\n  \n})\n<\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-5f6aeecf\" data-vce-do-apply=\"all el-5f6aeecf\"><script type=\"text\/javascript\">\/\/   \/** * \u662f\u5426\u4e3amac\u7cfb\u7edf\uff08\u5305\u542biphone\u624b\u673a\uff09 * *\/ \n\/\/   var isMac = function() { \n\/\/     return \/macintosh|mac os x\/i.test(navigator.userAgent); \n\/\/     }();\n    \n    \n\/\/     \/** * \u662f\u5426\u4e3awindows\u7cfb\u7edf * *\/\n\/\/     var isWindows = function() { \n\/\/         return \/windows|win32\/i.test(navigator.userAgent);\n\/\/     }(); \n\n\n\/\/     jQuery(\"#start_btn\").on(\"click\",function(){\n\n\/\/       jQuery(\"html, body\").animate({\n\/\/         scrollTop: jQuery(\"body\").height() - jQuery(\"#colophon\").height() - jQuery(\"#el-93898d65\").height() + \"px\"\n\/\/       }, 500);\n\/\/     })\n\n\/\/     let t1 = 0;\n\/\/     let t2 = -1;\n\/\/     let timer = null; \/\/ \u5b9a\u65f6\u5668\n\/\/     let fst = document.querySelector(\".fst-bg\") \/\/\u83b7\u53d6\u7b2c\u4e00\u5c4f\u7684\u5143\u7d20\n\/\/     let seb = document.querySelector(\".sed-bg\") \/\/\u83b7\u53d6\u7b2c\u4e00\u5c4f\u7684\u5143\u7d20\n\/\/     let thrid = document.querySelector(\".listener-box\") \/\/\u83b7\u53d6\u7b2c\u4e00\u5c4f\u7684\u5143\u7d20\n\/\/     function isScrollDownToEnd(callback) {\n\/\/       \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u8d4b\u503c\u7ed9t2,\u4f7f\u505c\u6b62\u6eda\u52a8\u65f6t1=t2\n\/\/       t2 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/       if(t2 == t1){       \n\/\/           \/\/ \u5224\u65ad\u5982\u679c\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u5927\u4e8e1\u5e76\u4e14\u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u5143\u7d20\u7684\u9ad8\u5ea6 - 100 \u5219\u8868\u793a\u5f53\u524d\u9875\u9762\u5728\u7b2c\u4e00\u5c4f\u5411\u4e0b\u6eda\u52a8\n\/\/           if(window.scrollY >= 1 && window.scrollY < fst.clientHeight - 100){\n\/\/             \/\/\u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u79fb\u52a8\u5230\u7b2c\u4e8c\u5c4f,fst.clientHeight-100\u8868\u793a\u7b2c\u4e8c\u5c4f\u8ddd\u79bb\u9876\u90e8\u7684\u8ddd\u79bb\u4e3a100\n\/\/             jQuery(\"html, body\").animate({\n\/\/               'scrollTop':fst.clientHeight + \"px\"\n\/\/             },300);\n\/\/             \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/             setTimeout(()=>{t2 = -1;if(callback){callback();}},301);\n\/\/           }else if(window.scrollY > fst.clientHeight + 50){\n\/\/             \/\/ \u5982\u679c\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u5927\u4e8e\u7b2c\u4e00\u5c4f \u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u52a0\u7b2c\u4e8c\u5c4f\n\/\/             if(window.scrollY < fst.clientHeight + seb.clientHeight){\n\/\/               \/\/\u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u79fb\u52a8\u5230\u7b2c\u4e09\u5c4f\n\/\/               jQuery(\"html, body\").animate({\n\/\/                 'scrollTop':fst.clientHeight + seb.clientHeight + \"px\"\n\/\/               },300);\n\/\/               \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/               setTimeout(()=>{t2 = -1;if(callback){callback();}},301);\n\/\/             }else{\n\/\/               \/\/ \u5982\u679c\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u5927\u4e8e\u7b2c\u4e00\u5c4f\u52a0\u7b2c\u4e8c\u5c4f\n\/\/               if(window.scrollY < fst.clientHeight + seb.clientHeight + thrid.clientHeight){\n\/\/                 \/\/ \u5982\u679c\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u52a0\u7b2c\u4e8c\u5c4f\u52a0\u7b2c\u4e09\u5c4f\n\/\/                 \/\/\u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u79fb\u52a8\u5230\u7b2c\u56db\u5c4f\n\/\/                 jQuery(\"html, body\").animate({\n\/\/                   'scrollTop':fst.clientHeight + seb.clientHeight + thrid.clientHeight + \"px\"\n\/\/                 },300);\n\/\/                 \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/                 setTimeout(()=>{t2 = -1;if(callback){callback();}},301);\n\/\/               }else{\n\/\/                 \/\/ \u5224\u65ad\u5982\u679c\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u5927\u4e8e\u7b2c\u4e00\u5c4f\u5143\u7d20\u7684\u9ad8\u5ea6\uff0c\u8868\u793a\u9875\u9762\u6b64\u65f6\u5728\u7b2c\u4e00\u5c4f\u4ee5\u5916\u7684\u5730\u65b9\u5411\u4e0b\u6eda\u52a8\uff0c\u6b64\u65f6\u65e0\u9700\u505a\u7279\u6b8a\u5904\u7406\n\/\/                 document.documentElement.scrollTop = document.documentElement.scrollTop\n\/\/                 \/\/ \u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\n\/\/                 t2 = -1\n\/\/                 if(callback){callback();}\n\/\/               }\n\/\/             }  \n\/\/           }else{\n\/\/             \/\/ \u5176\u4ed6\u60c5\u51b5\u4e0b\u4e5f\u9700\u8981\u91cd\u7f6et2\u7684\u503c\n\/\/             t2 = -1\n\/\/             if(callback){callback();}\n\/\/           }\n        \n\/\/       }else{\n        \n\/\/       }\n\/\/     }\n\/\/     function isScrollUpToEnd(callback) {\n\/\/       \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u8ddd\u79bb\u8d4b\u503c\u7ed9t2,\u4f7f\u505c\u6b62\u6eda\u52a8\u65f6t1=t2\n\/\/       t2 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/       if(t2 == t1){\n\/\/         console.log(window.scrollY,seb.clientHeight,fst.clientHeight,thrid.clientHeight)\n\/\/         \/\/ \u5224\u65ad\u5982\u679c\u9875\u9762\u7684\u6eda\u52a8\u8ddd\u79bb\u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u7684\u9ad8\u5ea6\uff0c\u5219\u8868\u793a\u6b64\u65f6\u9875\u9762\u6b63\u5728\u7b2c\u4e8c\u5c4f\u5f80\u4e0a\u6eda\u52a8\n\/\/         if(window.scrollY < fst.clientHeight){\n\/\/           console.log(\"action1\")\n\/\/           \/\/ \u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u6eda\u52a8\u5230\u9876\u90e8\n\/\/           jQuery(\"html, body\").animate({ 'scrollTop': 0 + 'px' }, 300)\n\/\/           \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/           setTimeout(()=>{t2 = -1;if(callback){callback()}},301);\n\/\/         }else {\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u7684\u6eda\u52a8\u8ddd\u79bb\u5927\u4e8e\u7b2c\u4e00\u5c4f\u7684\u9ad8\u5ea6\uff0c\u5e76\u4e14\u5c0f\u4e8e\u7b2c\u4e00\u5c4f\u52a0\u7b2c\u4e8c\u5c4f\u7684\u9ad8\u5ea6\uff0c\u5219\u8868\u793a\u6b64\u65f6\u9875\u9762\u6b63\u5728\u7b2c\u4e09\u5c4f\u5f80\u4e0a\u6eda\u52a8\n\/\/           if(window.scrollY < fst.clientHeight + seb.clientHeight  ){\n\/\/             console.log(\"action2\")\n\/\/             \/\/ \u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u6eda\u52a8\u5230\u7b2c\u4e8c\u5c4f\n\/\/             jQuery(\"html, body\").animate({ 'scrollTop': fst.clientHeight + 'px' }, 300)\n\/\/             \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/             setTimeout(()=>{t2 = -1;if(callback){callback()}},301);\n\/\/           }else{\n\/\/             if(window.scrollY < fst.clientHeight + seb.clientHeight + thrid.clientHeight ){\n\/\/               console.log(\"action3\")\n\/\/               \/\/ \u4f7f\u7528animate\u52a8\u753b\u51fd\u6570\u5c06\u9875\u9762\u6eda\u52a8\u5230\u7b2c\u4e8c\u5c4f\n\/\/               jQuery(\"html, body\").animate({ 'scrollTop': fst.clientHeight + seb.clientHeight + 'px' }, 300)\n\/\/               \/\/ \u4f7f\u7528\u5b9a\u65f6\u5668\u91cd\u7f6et2\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\uff0c\u6b64\u5904\u5b9a\u65f6\u5668\u65f6\u957f\u9700\u5927\u4e8e\u4e0a\u65b9\u52a8\u753b\u7684\u6267\u884c\u65f6\u957f\n\/\/               setTimeout(()=>{t2 = -1;if(callback){callback()}},301);\n\/\/             }\n\/\/             console.log(\"action4\")\n\/\/           }\n\/\/           \/\/ \u5176\u4ed6\u60c5\u51b5\u4e0b\u4e5f\u9700\u8981\u91cd\u7f6et2\u7684\u503c\n\/\/           t2 = -1;\n\/\/           if(callback){callback()}\n\/\/         }\n\/\/       }\n\/\/     }\n\n\/\/     var scrollAction = {x: 0, y: 0}, scrollDirection;\n\/\/     function scrollFunc() {\n\/\/         \/\/ \u83b7\u53d6\u9875\u9762\u6eda\u52a8\u9ad8\u5ea6\n\/\/         let scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;\n\/\/         \/\/ \u83b7\u53d6\u9875\u9762\u6a2a\u5411\u6eda\u52a8\u8ddd\u79bb\n\/\/         let scrollLeft = document.documentElement.scrollLeft || window.pageXOffset || document.body.scrollLeft;\n\/\/         \/\/ \u4f7f\u7528\u521d\u59cb\u503c\u51cf\u53bb\u9875\u9762\u6a2a\u5411\u6eda\u52a8\u8ddd\u79bb\u82e5\u5927\u4e8e\u96f6\uff0c\u8868\u793a\u9875\u9762\u5411\u5de6\u6eda\u52a8\uff0c\u53cd\u4e4b\u9875\u9762\u5411\u53f3\u6eda\u52a8\n\/\/         var diffX = scrollAction.x - scrollLeft;\n\/\/         \/\/ \u4f7f\u7528\u521d\u59cb\u503c\u51cf\u53bb\u9875\u9762\u7eb5\u5411\u6eda\u52a8\u8ddd\u79bb\u82e5\u5927\u4e8e\u96f6\uff0c\u8868\u793a\u9875\u9762\u5411\u4e0b\u6eda\u52a8\uff0c\u53cd\u4e4b\u9875\u9762\u5411\u4e0a\u6eda\u52a8\n\/\/         var diffY = scrollAction.y - scrollTop;\n\/\/         if (diffX < 0) {\n\/\/             \/\/ Scroll right\n\/\/             scrollDirection = 'right';\n\/\/         } else if (diffX > 0) {\n\/\/             \/\/ Scroll left\n\/\/             scrollDirection = 'left';\n\/\/         } else if (diffY < 0) {\n\/\/             \/\/ Scroll down\n\/\/             scrollDirection = 'down';\n\/\/         } else if (diffY > 0) {\n\/\/             \/\/ Scroll up\n\/\/             scrollDirection = 'up';\n\/\/         } else if(diffY == 0) {\n\/\/             \/\/ First scroll event\n\/\/         } else{\n\n\/\/         }\n\/\/         \/\/ \u83b7\u53d6\u5b8c\u65b9\u5411\u540e\uff0c\u66f4\u65b0scrollAction\u7684\u503c\uff0c\u7528\u4e8e\u4e0b\u6b21\u5224\u65ad\n\/\/         scrollAction.x = scrollLeft;\n\/\/         scrollAction.y = scrollTop;\n\/\/     }  \n    \n\/\/     var mouseFlag = -1;\n\n\/\/     window.addEventListener(\"scroll\",function(){\n      \n\/\/       if(jQuery(window).width() >= 640){\n\/\/         \/\/ \u83b7\u53d6\u9875\u9762\u6eda\u52a8\u65b9\u5411\n\/\/         scrollFunc()\n\/\/         t1 = document.documentElement.scrollTop || document.body.scrollTop;  \n\/\/         \/\/ \u5224\u65ad\u9875\u9762\u662f\u5426\u8fd8\u5728\u6eda\u52a8 \u5982\u679ct1 = t2\u4ee3\u8868\u9875\u9762\u505c\u6b62\u6eda\u52a8\n\/\/         if(t2 == t1){\n\/\/           return;\n\/\/         }\n\/\/         if(0 == mouseFlag){\n\/\/           mouseFlag = 1;\n\/\/           return;\n\/\/         }\n\/\/         if(1 == mouseFlag){\n\/\/             return;\n\/\/         }\n        \n\/\/         \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0b\u6eda\u52a8\n\/\/         if(scrollDirection == 'down'){\n\/\/           \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/           clearTimeout(timer);\n\/\/           \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0b\u51fd\u6570,\n\/\/           timer = setTimeout(isScrollDownToEnd, 1);\n\n\/\/         }\n\/\/         \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0a\u6eda\u52a8\n\/\/         else if(scrollDirection == 'up'){\n\/\/           \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/           clearTimeout(timer);\n\/\/           \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0a\u51fd\u6570\n\/\/           timer = setTimeout(isScrollUpToEnd, 1);\n          \n\/\/         }\n\/\/       }  \n\/\/     })    \n    \n\n\/\/     window.addEventListener(\"mousedown\",function(){\n\/\/       mouseFlag = 0\n\/\/     })\n\n\/\/     window.addEventListener(\"mouseup\",function(){\n\/\/       if(mouseFlag == 1){\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0b\u6eda\u52a8\n\/\/           if(scrollDirection == 'down'){\n\/\/             \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/             clearTimeout(timer);\n\/\/             \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0b\u51fd\u6570,\n\/\/             timer = setTimeout(()=>isScrollDownToEnd(()=>{mouseFlag = -1;}), 1);\n\/\/             \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u91cd\u65b0\u8d4b\u503c\u7ed9t1\uff0c\u7528\u4e8e\u4e0b\u6b21\u6bd4\u8f83\n\/\/             t1 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/           }\n\/\/           \/\/ \u5982\u679c\u9875\u9762\u5411\u4e0a\u6eda\u52a8\n\/\/           else if(scrollDirection == 'up'){\n\/\/             \/\/ \u6e05\u9664\u5b9a\u65f6\u5668\n\/\/             clearTimeout(timer);\n\/\/             \/\/ \u8bbe\u7f6e\u5b9a\u65f6\u5668\uff0c\u6267\u884c\u5411\u4e0a\u51fd\u6570\n\/\/             timer = setTimeout(()=>isScrollUpToEnd(()=>{mouseFlag = -1;}), 1);\n\/\/             \/\/ \u5c06\u9875\u9762\u6eda\u52a8\u7684\u8ddd\u79bb\u91cd\u65b0\u8d4b\u503c\u7ed9t1\uff0c\u7528\u4e8e\u4e0b\u6b21\u6bd4\u8f83\n\/\/             t1 = document.documentElement.scrollTop || document.body.scrollTop;\n\/\/           }\n\/\/       }else if(mouseFlag == 0){\n\/\/         mouseFlag = -1;\n\/\/       }\n\/\/     })\n\n\n\/\/     jQuery(\".listener-box\").on('mousewheel DOMMouseScroll', function (event) { \n\/\/       \/\/Chorme\n\/\/       var wheel = event.originalEvent.wheelDelta;\n\/\/       var detal = event.originalEvent.detail;\n\/\/       if (event.originalEvent.wheelDelta) { \/\/\u5224\u65ad\u6d4f\u89c8\u5668IE,\u8c37\u6b4c\u6eda\u8f6e\u4e8b\u4ef6               \n\/\/         if (wheel > 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0a\u6eda\u52a8\u65f6  \n\/\/           \/\/  alert('\u4e0a\u6eda')\n\/\/           console.log(mySwiper.realIndex)\n\/\/           if(mySwiper.realIndex !=0){\n\/\/             event.preventDefault()\n\/\/             setTimeout(()=>{\n\/\/               mySwiper.slidePrev();\n\/\/               mySwiper.autoplay.start()\n\/\/             },600)\n            \n\/\/           }else{\n\n\/\/           }\n\/\/         }\n\/\/         if (wheel < 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0b\u6eda\u52a8\u65f6  \n\/\/           \/\/ alert('\u4e0b\u6eda')\n\/\/           console.log(mySwiper.realIndex)\n\/\/           if(mySwiper.realIndex !=2){\n\/\/             event.preventDefault()\n\/\/             setTimeout(()=>{\n\/\/               mySwiper.slideNext();\n\/\/               mySwiper.autoplay.start()\n\/\/             },600)\n\/\/           }else{\n\n\/\/           }\n\/\/         }\n\/\/       }\n\/\/     })\n\n    \n    \n<\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-45e3864b\" data-vce-do-apply=\"all el-45e3864b\"><script type=\"text\/javascript\">        \/** * \u662f\u5426\u4e3amac\u7cfb\u7edf\uff08\u5305\u542biphone\u624b\u673a\uff09 * *\/\n        var isMac = function () {\n          return \/macintosh|mac os x\/i.test(navigator.userAgent);\n      }();\n\n\n      \/** * \u662f\u5426\u4e3awindows\u7cfb\u7edf * *\/\n      var isWindows = function () {\n          return \/windows|win32\/i.test(navigator.userAgent);\n      }();\n\n\n      \/\/\u963b\u6b62\u6d4f\u89c8\u5668\u4e8b\u4ef6\n      function stop() {\n          document.addEventListener('DOMMouseScroll', scrollFunc, {\n              passive: false\n          });\n          document.addEventListener('mousewheel', scrollFunc, {\n              passive: false\n          });\n      }\n      let now_page;\n      \/\/\u53d6\u6d88\u963b\u6b62\u6d4f\u89c8\u5668\u4e8b\u4ef6\n      function move() {\n          document.removeEventListener('DOMMouseScroll', scrollFunc, {\n              passive: false\n          });\n          document.removeEventListener('mousewheel', scrollFunc, {\n              passive: false\n          });\n      }\n\n      function scrollFunc(evt) {\n          evt = evt || window.event;\n          if (evt.preventDefault) {\n              \/\/ Firefox  \n              evt.preventDefault();\n              evt.stopPropagation();\n          } else {\n              \/\/ IE  \n              evt.cancelBubble = true;\n              evt.returnValue = false;\n          }\n          return false;\n      }\n      \/\/ jQuery(\"#start_btn\").on(\"click\", function () {\n      \/\/     console.log(jQuery(\"body\").height());\n      \/\/     console.log(jQuery(\".sub-box\").height());\n      \/\/     jQuery(\"html, body\").animate({\n      \/\/         scrollTop: jQuery(\"body\").height() - jQuery(\".sub-box\").height() - jQuery(\"#colophon\")\n      \/\/             .height() + \"px\"\n      \/\/     }, 500);\n      \/\/ })\n     \n      let screenW = document.documentElement.clientWidth;\n      let canScrollOne = true\n      let canScrollTwo = true\n      let canScrollThree = true\n      let canScrollFour = true\n      let canScrollFive = true\n      if (screenW >= 975) {\n        \n        \/\/ banner\u9f20\u6807\u6eda\u52a8\n        jQuery(\".fst-bg\").bind('mousewheel ', function (event) {\n          console.log(event,canScrollOne)\n            event.preventDefault()\n            var wheel = event.originalEvent.wheelDelta;\n            var detal = event.originalEvent.detail;\n            if(canScrollOne){\n              if (wheel < 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0b\u6eda\u52a8\u65f6\n                canScrollOne = false;\n                canScrollTwo = true\n                canScrollThree = true\n                canScrollFour = true\n                canScrollFive = true\n                goto1();\n                \/\/ start_pagination_progress();\n                \/\/ jQuery(\".sed-box\").css(\"visibility\",\"visible\")\n                \/\/ canScrollOne = true;\n                return false\n              }  \n            }\n        })\n        \/\/ \u7b2c\u4e00\u5c4f\u9f20\u6807\u6eda\u52a8\n        jQuery(\".sed-bg\").bind('mousewheel ', function (event) {\n          event.preventDefault()\n          var wheel = event.originalEvent.wheelDelta;\n          var detal = event.originalEvent.detail;\n          canScrollOne = true;\n          \/\/ \t  console.log(\"\u4e0b\u6eda\");\n          if(canScrollTwo){\n            canScrollTwo = false;\n            if (wheel < 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0b\u6eda\u52a8\u65f6\n                if(BiggestSwiper.realIndex != 3){\n                    event.preventDefault();\n                    BiggestSwiper.slideNext();\n                    BiggestSwiper.autoplay.stop();\n                    setTimeout(()=>{\n                        canScrollTwo = true\n                    },701)\n                }else{\n                    canScrollOne = true;\n                    canScrollTwo = false\n                    canScrollThree = true\n                    canScrollFour = true\n                    canScrollFive = true\n                    if(isMac){\n                    jQuery(\".thd-title h1\").css(\"margin-top\",\"1.875vw\")\n                    }\n                    goto2();\n                    return false\n                }\n            }else{\n                console.log(BiggestSwiper.realIndex)\n                if(BiggestSwiper.realIndex !=0){\n                    event.preventDefault();\n                    BiggestSwiper.slidePrev();\n                    BiggestSwiper.autoplay.stop()\n                    setTimeout(()=>{\n                        canScrollTwo = true\n                    },701)\n                    \n                }else{\n                    canScrollTwo = false\n                    canScrollOne = true;\n                    canScrollThree = true\n                    canScrollFour = true\n                    canScrollFive = true\n                    goto0();\n                    return false\n                }\n            }\n        }\n          \n        })\n        \/\/ \u7b2c\u4e8c\u5c4f\u9f20\u6807\u6eda\u52a8\n        jQuery(\".listener-box\").bind('mousewheel ', function (event) {\n          event.preventDefault()\n          var wheel = event.originalEvent.wheelDelta;\n          var detal = event.originalEvent.detail;\n          \/\/ \t  console.log(\"\u4e0b\u6eda\");\n          canScrollTwo = true\n          if(canScrollThree){\n            canScrollThree = false\n            if (wheel < 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0b\u6eda\u52a8\u65f6\n              console.log(mySwiper.realIndex)\n              if(mySwiper.realIndex !=2){\n                event.preventDefault()\n                mySwiper.slideNext();\n                mySwiper.autoplay.stop()\n                setTimeout(()=>{\n                  canScrollThree = true\n                },1101)\n              }else{\n                canScrollThree = false\n                canScrollOne = true;\n                canScrollTwo = true\n                canScrollFour = true\n                canScrollFive = true\n                goto3(); \n                return false\n              }\n            }else{\n              console.log(mySwiper.realIndex)\n              if(mySwiper.realIndex !=0){\n                event.preventDefault()\n                mySwiper.slidePrev();\n                mySwiper.autoplay.stop()\n                setTimeout(()=>{\n                  canScrollThree = true\n                },1101)\n                \n              }else{\n                goto1();\n                canScrollThree = false\n                canScrollOne = true;\n                canScrollTwo = true\n                canScrollFour = true\n                canScrollFive = true\n                return false\n              }\n            }\n          }\n        })\n        \/\/ \u7b2c\u4e09\u5c4f\u9f20\u6807\u6eda\u52a8\n        jQuery(\".HowNPNSupportContent\").bind('mousewheel ', function (event) {\n          event.preventDefault()\n            var wheel = event.originalEvent.wheelDelta;\n            var detal = event.originalEvent.detail;\n            canScrollThree = true\n            \/\/ \t  console.log(\"\u4e0b\u6eda\");\n            if(canScrollFour){\n              if (wheel < 0) { \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0b\u6eda\u52a8\u65f6\n                goto4();\n                canScrollFour = false\n                canScrollThree = true\n                canScrollOne = true;\n                canScrollTwo = true;\n                canScrollFive = true\n                if(isMac){\n                  jQuery(\".fth-title\").css(\"margin-top\",\"-7.125vw\")\n                }\n                return false\n              }else{\n                goto2();\n                canScrollFour = false\n                canScrollThree = true\n                canScrollOne = true;\n                canScrollTwo = true\n                canScrollFive = true\n                return false\n              }\n            }\n            \n        })\n        jQuery(\"#SeeHowThese\").bind(\"mousewheel\",function(event){\n          var wheel = event.originalEvent.wheelDelta;\n          var detal = event.originalEvent.detail;\n          canScrollFour = true\n          canScrollThree = true\n          canScrollOne = true;\n          canScrollTwo = true\n          \n            if (wheel > 0){ \/\/\u5f53\u6ed1\u8f6e\u5411\u4e0a\u6eda\u52a8\u65f6\n              event.preventDefault()\n              if(canScrollFive){\n                goto3();\n                console.log(\"gogogo\");\n                canScrollFive = false\n                return false\n              }\n              \n            }else{\n              \n            }\n          \n        })\n\n        let banner = jQuery(\".fst-bg\")[0]\n        jQuery(window).resize(function () {\n          canScrollOne = true\n          canScrollTwo = true\n          canScrollThree = true\n          canScrollFour = true\n          canScrollFive = true\n          if (now_page==1) {\n              goto1()\n          } else if (now_page==2) {\n              goto2()\n          } else if (now_page==3) {\n              goto3()\n          } else if (now_page==4) {\n              goto4()\n          } else if (now_page==5) {\n              goto5()\n          } else if (now_page==6) {\n              goto6()\n          } else if (now_page==7) {\n              goto7()\n          } else if (now_page==8) {\n              goto8()\n          } else if (isElementInViewport(banner)) {\n              goto0()\n          }\n        })\n\n        \/\/ \u76d1\u542c\u7528\u6237\u901a\u8fc7\u62d6\u52a8\u6eda\u52a8\u6761\u6eda\u52a8\u9875\u9762\n        var SecMouseFlag = -1;\n        window.addEventListener(\"mousedown\",function(){\n          SecMouseFlag = 0\n        })\n        window.addEventListener(\"mouseup\",function(){\n          console.log(\"test\")\n          canScrollOne = true\n          canScrollTwo = true\n          canScrollThree = true\n          canScrollFour = true\n          if(SecMouseFlag == 1){\n            console.log(\"test2\")\n            \n          }else if(SecMouseFlag == 0){\n            SecMouseFlag = -1;\n          }\n        })\n      }\n      \/**\n       * \u76d1\u542c\u6eda\u52a8\u6761 \n       *\/\n      window.onscroll = function () {\n        setTimeout(() => {\n          if (screenW > 992) {\n            let banner = jQuery(\".fst-bg\")[0]\n            let fst_swiper = jQuery(\".sed-bg\")[0]\n            let sed_swiper = jQuery(\".listener-box\")[0]\n            if (isElementInViewport(fst_swiper) || isElementInViewport(sed_swiper) ||  isElementInViewport(banner)) {\n              stop() \n            }else {\n              move();\n            }\n          }\n        }, 300);\n        \n      }\n      window.addEventListener(\"DOMContentLoaded\",function(){\n        setTimeout(() => {\n          jQuery(\".sed-box\").css(\"visibility\",\"visible\")\n        }, 500);\n        if(isMac){\n          jQuery(\".itemWrap .itemContent\").css(\"min-height\",\"160px\")\n        }\n      })\n      function isElementInViewport(el) {\n        \/\/\u83b7\u53d6\u5143\u7d20\u662f\u5426\u5728\u53ef\u89c6\u533a\u57df\n        var rect = el.getBoundingClientRect();\n        \/\/console.log(rect)\n        return (\n            rect.top >= 0 &&\n            rect.left >= 0 &&\n            rect.bottom <=\n            (window.innerHeight || document.documentElement.clientHeight) &&\n            rect.right <=\n            (window.innerWidth || document.documentElement.clientWidth)\n        );\n      }\n\n      <\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-70519e7d\" data-vce-do-apply=\"all el-70519e7d\"><script type=\"text\/javascript\">        \/** * \u662f\u5426\u4e3amac\u7cfb\u7edf\uff08\u5305\u542biphone\u624b\u673a\uff09 * *\/\n        var isMac = function () {\n            return \/macintosh|mac os x\/i.test(navigator.userAgent);\n        }();\n  \n  \n        \/** * \u662f\u5426\u4e3awindows\u7cfb\u7edf * *\/\n        var isWindows = function () {\n            return \/windows|win32\/i.test(navigator.userAgent);\n        }();\n        function goto0() {\n            jQuery(\"html, body\").animate({\n                'scrollTop': \"0px\"\n            }, 600);\n        }\n  \n        function goto1() {\n        now_page=1\n            console.log(jQuery(\".fst-bg\").height());\n            console.log(isMac)\n            if (isMac) {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + \"px\"\n                }, 600);\n            } else {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + \"px\"\n                }, 600);\n            }\n        }\n  \n        function goto2() {\n          now_page=2\n          console.log(isMac)\n          if (isMac) {\n              jQuery(\"html, body\").animate({\n                  'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-bg\").height() + \"px\"\n              }, 600);\n          } else {\n              jQuery(\"html, body\").animate({\n                  'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-bg\").height() + \"px\"\n              }, 600);\n          }\n        }\n  \n        function goto3() {\n          now_page=3\n          console.log(isMac)\n          if (isMac) {\n              jQuery(\"html, body\").animate({\n                  'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-bg\").height() + jQuery(\n                      \".listener-box\").height() + \"px\"\n              }, 600);\n          } else {\n              jQuery(\"html, body\").animate({\n                  'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-bg\").height() + jQuery(\n                      \".listener-box\").height() + \"px\"\n              }, 600);\n          }\n        }\n  \n        function goto4() {\n          now_page=4\n          if (isMac) {\n              jQuery(\"html, body\").animate({\n                  'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-bg\").height() + jQuery(\n                      \".listener-box\").height() + jQuery(\".HowNPNSupportContent\").height() - (document.documentElement.clientWidth \/ 100 * 4) + \"px\"\n              }, 600);\n          } else {\n              jQuery(\"html, body\").animate({\n                  'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-bg\").height() + jQuery(\n                      \".listener-box\").height() + jQuery(\".HowNPNSupportContent\").height() + \"px\"\n              }, 600);\n          }\n        }\n  \n        function goto5() {\n        now_page=5\n      \n            console.log(isMac)\n            if (isMac) {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() - 20 + \"px\"\n                }, 600);\n            } else {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() -22 + \"px\"\n                }, 600);\n            }\n        }\n  \n        function goto6() {\n        now_page=6\n      \n            console.log(isMac)\n            if (isMac) {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() + jQuery(\n                        \".sixth-swiper\").height()  + \"px\"\n                }, 600);\n            } else {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() + jQuery(\n                        \".sixth-swiper\").height() +20 + \"px\"\n                }, 600);\n            }\n        }\n        function goto7() {\n        now_page=7\n      \n            console.log(isMac)\n            if (isMac) {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() + jQuery(\n                        \".sixth-swiper\").height()+ jQuery(\".seventh-swiper\").height()-10 + \"px\"\n                }, 600);\n            } else {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() + jQuery(\n                        \".sixth-swiper\").height()+ jQuery(\".seventh-swiper\").height() + \"px\"\n                }, 600);\n            }\n        }\n        function goto8() {\n        now_page=8\n      \n            console.log(isMac)\n            if (isMac) {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height()+ jQuery(\".fifth-swiper\").height() + jQuery(\n                        \".sixth-swiper\").height()+ jQuery(\".seventh-swiper\").height() + jQuery(\".eighth-swiper\").height() - 40 + \"px\"\n                }, 600);\n            } else {\n                jQuery(\"html, body\").animate({\n                    'scrollTop': jQuery(\".fst-bg\").height() + jQuery(\".sed-swiper\").height() + jQuery(\n                        \".thd-swiper\").height() + jQuery(\".fourth-swiper\").height() + jQuery(\".fifth-swiper\").height()+ jQuery(\n                        \".sixth-swiper\").height()+ jQuery(\".seventh-swiper\").height()+ jQuery(\".eighth-swiper\").height() -22 + \"px\"\n                }, 600);\n            }\n        }<\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-03b9a162\" data-vce-do-apply=\"all el-03b9a162\"><script type=\"text\/javascript\">if(document.documentElement.clientWidth<=992){\n  \n  var secondSwiper = jQuery(\".sed-bg\")\n  var secondSwiperPart1 = jQuery(\".sed-swiper2 .sed-swiper-phone1 .thd-swiper-right\")\n  var secondSwiperPart2 = jQuery(\".sed-swiper2 .sed-swiper-phone2 .thd-swiper-right\")\n  var secondSwiperPart3 = jQuery(\".sed-swiper2 .sed-swiper-phone3 .thd-swiper-right\")\n  var secondSwiperPart4 = jQuery(\".sed-swiper2 .sed-swiper-phone4 .thd-swiper-right\")\n\n  var thirdSwiperPart1 = jQuery(\".thd-swiper .thd-swiper-phone1 .thd-swiper-right\")\n  var thirdSwiperPart2 = jQuery(\".thd-swiper .thd-swiper-phone2 .thd-swiper-right\")\n  var thirdSwiperPart3 = jQuery(\".thd-swiper .thd-swiper-phone3 .thd-swiper-right\")\n\n  var item1 = jQuery(\".itemWrap .item1\")\n  var item2 = jQuery(\".itemWrap .item2\")\n  var item3 = jQuery(\".itemWrap .item3\")\n\n  var thridSwiper = jQuery(\".thd-box\")\n\n  console.log(secondSwiperPart1)\n  \n  window.addEventListener(\"scroll\",function(){\n      if(window.scrollY + window.innerHeight >= secondSwiperPart1.offset().top + 60){\n          secondSwiperPart1.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= secondSwiperPart2.offset().top + 60){\n          secondSwiperPart2.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= secondSwiperPart3.offset().top + 60){\n          secondSwiperPart3.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= secondSwiperPart4.offset().top + 60){\n          secondSwiperPart4.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= thirdSwiperPart1.offset().top + 60){\n          thirdSwiperPart1.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= thirdSwiperPart2.offset().top + 60){\n          thirdSwiperPart2.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= thirdSwiperPart3.offset().top + 60){\n          thirdSwiperPart3.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= thridSwiper.offset().top + thridSwiper.height() \/ 2){\n\/\/             mySwiperPhone.autoplay.start();\n      }\n\n      if(window.scrollY + window.innerHeight >= item1.offset().top + 60){\n          item1.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= item2.offset().top + 60){\n          item2.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= item3.offset().top + 60){\n          item3.addClass(\"phoneScroll\")\n      }\n  })\n  window.addEventListener(\"DOMContentLoaded\",function(){\n      if(window.scrollY + window.innerHeight >= secondSwiperPart1.offset().top + 60){\n          console.error(\"yes\")\n          secondSwiperPart1.addClass(\"phoneScroll\")\n      }else{\n          console.error(\"no\")\n          secondSwiperPart1.removeClass(\"phoneScroll\")\n      }\n\n      if(window.scrollY + window.innerHeight >= secondSwiperPart2.offset().top + 60){\n          secondSwiperPart2.addClass(\"phoneScroll\")\n      }else{\n          secondSwiperPart2.removeClass(\"phoneScroll\")\n      }\n\n      if(window.scrollY + window.innerHeight >= secondSwiperPart3.offset().top + 60){\n          secondSwiperPart3.addClass(\"phoneScroll\")\n      }else{\n          secondSwiperPart3.removeClass(\"phoneScroll\")\n      }\n\n      if(window.scrollY + window.innerHeight >= secondSwiperPart4.offset().top + 60){\n          secondSwiperPart4.addClass(\"phoneScroll\")\n      }else{\n          secondSwiperPart4.removeClass(\"phoneScroll\")\n      }\n\n      if(window.scrollY + window.innerHeight >= thirdSwiperPart1.offset().top + 60){\n          thirdSwiperPart1.addClass(\"phoneScroll\")\n      }else{\n          thirdSwiperPart1.removeClass(\"phoneScroll\")\n      }\n\n      if(window.scrollY + window.innerHeight >= thirdSwiperPart2.offset().top + 60){\n          thirdSwiperPart2.addClass(\"phoneScroll\")\n      }else{\n          thirdSwiperPart2.removeClass(\"phoneScroll\")\n      }\n\n      if(window.scrollY + window.innerHeight >= thirdSwiperPart3.offset().top + 60){\n          thirdSwiperPart3.addClass(\"phoneScroll\")\n      }else{\n          thirdSwiperPart3.removeClass(\"phoneScroll\")\n      }\n      \n      if(window.scrollY + window.innerHeight >= thridSwiper.offset().top + thridSwiper.height() \/ 2){\n\/\/             mySwiperPhone.autoplay.start();\n      }\n\n      if(window.scrollY + window.innerHeight >= item1.offset().top + 60){\n          item1.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= item2.offset().top + 60){\n          item2.addClass(\"phoneScroll\")\n      }\n      if(window.scrollY + window.innerHeight >= item3.offset().top + 60){\n          item3.addClass(\"phoneScroll\")\n      }\n  })\n}<\/script><\/div><\/div><div class=\"vce-raw-js-container\"><div class=\"vce-raw-js-wrapper\" id=\"el-a2e97656\" data-vce-do-apply=\"all el-a2e97656\"><script type=\"text\/javascript\">window.addEventListener(\"load\",function(){\n  let allTags = document.querySelectorAll(\"#blogPC .wpswp-post-tags a\")\n \u00a0for(let i=0;i<allTags.length;i++){\n    if(allTags[i].innerText.indexOf(\"#\") >= -1){\n      allTags[i].innerText = \"#\" + allTags[i].innerText\n    }\n  }\n})\n\nwindow.addEventListener(\"DOMContentLoaded\",function(){\n  var prevBlog = document.querySelector(\"#blogPC #others .slick-prev\")\n  var nextBlog = document.querySelector(\"#blogPC #others .slick-next\")\n\n  prevBlog.addEventListener(\"click\",function(){\n    clearInterval(BlogTimer)\n    BlogTimer = null\n    if(BlogTimer == null){\n      BlogTimer = setInterval(()=>{\n        nextBlog.click()\n      },10000)\n    }\n  })\n\n  nextBlog.addEventListener(\"click\",function(){\n    clearInterval(BlogTimer)\n    BlogTimer = null\n    if(BlogTimer == null){\n      BlogTimer = setInterval(()=>{\n        nextBlog.click()\n      },10000)\n    }\n  })\n  \n  jQuery(\"#blogPC #others ul.slick-dots\").on(\"click\",\"li\",function(){\n    clearInterval(BlogTimer)\n    BlogTimer = null\n    if(BlogTimer == null){\n      BlogTimer = setInterval(()=>{\n        nextBlog.click()\n      },10000)\n    }\n  })\n\n  if(window.scrollY+window.innerHeight > blogPC3.offsetTop + blogPC3.clientHeight \/ 2){\n    clearInterval(BlogTimer)\n    BlogTimer = null\n    if(BlogTimer == null){\n      BlogTimer = setInterval(()=>{\n        nextBlog.click()\n      },10000)\n    }\n  }else{\n    clearInterval(BlogTimer)\n    BlogTimer = null\n  }\n})\n\nlet blogPC3 = jQuery(\"#blogPC\")\nlet ManualFlagObj = {\n  ManualFlag:false\n}\n\nif(document.body.offsetWidth > 992){\n  \/\/ pc Blog\u5904\u7406\n  window.addEventListener(\"scroll\",function(){\n    if(window.scrollY+window.innerHeight > blogPC3.offset().top + 200){\n      ManualFlagObj.ManualFlag = true\n    }else{\n      ManualFlagObj.ManualFlag = false\n    }\n  })\n  \n  Object.defineProperty(ManualFlagObj,\"ManualFlag\",{\n    set:function(value){\n      if(value){\n        setBlogTimer(value)\n      }\n    }\n  })\n  \n  var BlogTimer =null;\n  \n  function setBlogTimer(item){\n    var nextBlog = document.querySelector(\"#blogPC #others .slick-next\")\n    if(item){\n      console.log(\"true\")\n      if(BlogTimer == null){\n        BlogTimer = setInterval(()=>{\n          nextBlog.click()\n        },10000)\n      } \n    }else{\n      clearInterval(BlogTimer)\n      BlogTimer = null\n    }\n  }\n}else{\n  \/\/ phone Blog\u5904\u7406\n  window.addEventListener(\"scroll\",function(){\n    if(window.scrollY+window.innerHeight > blogPC3.offset().top + 200){\n      ManualFlagObj.ManualFlag = true\n    }else{\n      ManualFlagObj.ManualFlag = false\n    }\n  })\n  \n  Object.defineProperty(ManualFlagObj,\"ManualFlag\",{\n    set:function(value){\n      if(value){\n        setBlogTimer(value)\n      }\n    }\n  })\n  \n  var BlogTimer =null;\n  \n  function setBlogTimer(item){\n    var nextBlog = document.querySelector(\"#blogPC #others .slick-next\")\n    if(item){\n      console.log(\"true\")\n      if(BlogTimer == null){\n        BlogTimer = setInterval(()=>{\n          nextBlog.click()\n        },10000)\n      } \n    }else{\n      clearInterval(BlogTimer)\n      BlogTimer = null\n    }\n  }\n}\n\n\n\n<\/script><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Embracing Digital Transformation for Retail Businesses With over 10 years of experiences in retail technology solutions, we go above<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":6,"featured_media":0,"featured_media_url":null,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Digital Transformation - Rethink Retail Through Technology<\/title>\n<meta name=\"description\" content=\"We capitalize on technology to provide businesses with consultation services and customise retail solutions catered to your business needs.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital Transformation - Rethink Retail Through Technology\" \/>\n<meta property=\"og:description\" content=\"We capitalize on technology to provide businesses with consultation services and customise retail solutions catered to your business needs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/\" \/>\n<meta property=\"og:site_name\" content=\"NPN - New Retail New Experience\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/npnsingapore\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-08T06:09:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sggw-test.npn.sg\/my\/wp-content\/uploads\/2022\/08\/banner\u56fe.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Digital Transformation - Rethink Retail Through Technology","description":"We capitalize on technology to provide businesses with consultation services and customise retail solutions catered to your business needs.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Digital Transformation - Rethink Retail Through Technology","og_description":"We capitalize on technology to provide businesses with consultation services and customise retail solutions catered to your business needs.","og_url":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/","og_site_name":"NPN - New Retail New Experience","article_publisher":"https:\/\/www.facebook.com\/npnsingapore\/","article_modified_time":"2023-05-08T06:09:44+00:00","og_image":[{"url":"https:\/\/sggw-test.npn.sg\/my\/wp-content\/uploads\/2022\/08\/banner\u56fe.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/sggw-test.npn.sg\/sg\/#organization","name":"NPN","url":"https:\/\/sggw-test.npn.sg\/sg\/","sameAs":["https:\/\/www.facebook.com\/npnsingapore\/"],"logo":{"@type":"ImageObject","@id":"https:\/\/sggw-test.npn.sg\/sg\/#logo","inLanguage":"en-US","url":"https:\/\/sggw.npnsgp.cn\/sg\/wp-content\/uploads\/2022\/01\/logo_npn.png","contentUrl":"https:\/\/sggw.npnsgp.cn\/sg\/wp-content\/uploads\/2022\/01\/logo_npn.png","width":88,"height":29,"caption":"NPN"},"image":{"@id":"https:\/\/sggw-test.npn.sg\/sg\/#logo"}},{"@type":"WebSite","@id":"https:\/\/sggw-test.npn.sg\/sg\/#website","url":"https:\/\/sggw-test.npn.sg\/sg\/","name":"NPN - New Retail New Experience","description":"NPN - New Retail New Experience","publisher":{"@id":"https:\/\/sggw-test.npn.sg\/sg\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sggw-test.npn.sg\/sg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/#primaryimage","inLanguage":"en-US","url":"\/my\/wp-content\/uploads\/2022\/08\/banner\u56fe.png","contentUrl":"\/my\/wp-content\/uploads\/2022\/08\/banner\u56fe.png"},{"@type":"WebPage","@id":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/#webpage","url":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/","name":"Digital Transformation - Rethink Retail Through Technology","isPartOf":{"@id":"https:\/\/sggw-test.npn.sg\/sg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/#primaryimage"},"datePublished":"2022-08-05T07:09:17+00:00","dateModified":"2023-05-08T06:09:44+00:00","description":"We capitalize on technology to provide businesses with consultation services and customise retail solutions catered to your business needs.","breadcrumb":{"@id":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sggw-test.npn.sg\/sg\/digital-transformation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/sggw-test.npn.sg\/sg\/"},{"@type":"ListItem","position":2,"name":"Digital Transformation"}]}]}},"_links":{"self":[{"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/pages\/7021"}],"collection":[{"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/comments?post=7021"}],"version-history":[{"count":1,"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/pages\/7021\/revisions"}],"predecessor-version":[{"id":7475,"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/pages\/7021\/revisions\/7475"}],"wp:attachment":[{"href":"https:\/\/sggw-test.npn.sg\/sg\/wp-json\/wp\/v2\/media?parent=7021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}