{"version":3,"sources":["webpack:///./src/views/solutions/Industry/consumer.vue?05fa","webpack:///src/views/solutions/Industry/consumer.vue","webpack:///./src/views/solutions/Industry/consumer.vue?2b2a","webpack:///./src/views/solutions/Industry/consumer.vue","webpack:///./src/views/solutions/Industry/consumer.vue?0da1","webpack:///./src/views/solutions/Industry/consumer.vue?339f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","contact","_m","staticStyle","attrs","List","optionLeft","_l","item","index","key","src","staticRenderFns","data","created","script","document","dataLayer","window","gtag","components","vueSeamlessScroll","computed","direction","limitMoveNum","step","hoverStop","methods","webinercookies","localStorage","advertisementFlow","path","source","information","then","res","loading","lock","background","setTimeout","component"],"mappings":"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","file":"static/js/chunk-1409814c.13b2ba5b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg\"},[_c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Consumer \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" Given the fast-paced economic development of many Asian markets, Holden provides you consumer insight for your product development, marketing efficiency, consumer segmentation, and experience management. \")]),_c('div',[_c('button',{on:{\"click\":_vm.contact}},[_vm._v(\"REQUEST A BID\")])])])]),_vm._m(0),_vm._m(1),_vm._m(2),_vm._m(3),_vm._m(4),_c('div',{staticClass:\"banner\"},[_c('el-carousel',[_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Consumer U&A study\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"213\")]),_vm._v(\" consumer U&A study projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"105032\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Potential user needs research\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"106\")]),_vm._v(\" potential user needs research projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"55306\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Consumer profiling\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"276\")]),_vm._v(\" consumer profiling projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"72167\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"New product concept/prototype testing\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"276\")]),_vm._v(\" new product concept/prototype testing projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"104287\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Product packaging/price testing\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"159\")]),_vm._v(\" product packaging/price testing projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"49872\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Advertising film pre-testing\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"59\")]),_vm._v(\" advertising film pre-testing projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"12921\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Advertising effectiveness evaluation and monitoring\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"143\")]),_vm._v(\" advertising effectiveness evaluation and monitoring projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"52069\")]),_vm._v(\" completes for our clients.\")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Consumer satisfaction/loyalty studies\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Over \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"98\")]),_vm._v(\" Consumer satisfaction/loyalty studies projects , delivering \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\"}},[_vm._v(\"57722\")]),_vm._v(\" completes for our clients.\")])])])],1)],1),_c('div',{staticClass:\"consumer\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Holden has accumulated rich experience in verticals such as packaged goods, home appliances, OTC healthcare etc. Out clients include global/regional top 500 companies. \")]),_c('vue-seamless-scroll',{staticClass:\"seamless-warp2\",attrs:{\"data\":_vm.List,\"class-option\":_vm.optionLeft}},[_c('ul',{staticClass:\"item\"},_vm._l((_vm.List),function(item,index){return _c('li',{key:index},[_c('span',[_c('img',{attrs:{\"src\":item.src,\"data-index\":index}})])])}),0)])],1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product d-none d-sm-block\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"top1\"},[_vm._v(\"Concept Testing & Product Innovation\")]),_c('div',{staticClass:\"text1\"},[_vm._v(\"Holden's product concept test is a powerful tool that derives likely consumption decisions based on purchasing/usage scenarios presented to real consumers. Holden tests both emotional and objective contributors to the decision-making process to understana the real market situation. Based on these results, combined with industry experience,Holden provides professional advice on the best concepts for the Chinese and various Asian markets.\")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer1.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])]),_c('div',{staticClass:\"value\"},[_c('div'),_vm._v(\" Holden's online platform and effective operational execution ensures that concept tests can be done quickly and effectivekly.The final goal of product concept testing is to understand the relative acceptance of particular product's inovation.Before arriving at this goal, we first, test the product concept/innovation, identifying any problems with this concept. We then focus on that problem to to understand it nature.After taking these steps, we can understand how to tweak the innovation/concept to improve consumer acceptance. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"productmd d-block d-sm-none\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Concept Testing & Product Innovation \")]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer1.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])]),_c('div',{staticClass:\"value\"},[_vm._v(\" Holden's product concept test is a powerful tool that derives likely consumption decisions based on purchasing/usage scenarios presented to real consumers. Holden tests both emotional and objective contributors to the decision-making process to understana the real market situation. Based on these results, combined with industry experience,Holden provides professional advice on the best concepts for the Chinese and various Asian markets. \"),_c('div'),_vm._v(\" Holden's online platform and effective operational execution ensures that concept tests can be done quickly and effectivekly.The final goal of product concept testing is to understand the relative acceptance of particular product's inovation.Before arriving at this goal, we first, test the product concept/innovation, identifying any problems with this concept. We then focus on that problem to to understand it nature.After taking these steps, we can understand how to tweak the innovation/concept to improve consumer acceptance. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Segmentation\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Segmentation and Usage & Attitude \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" In the increasing competitive and fast-paced market, enterprises need to segment the market, so they can better identify consumer groups and determine key targeted market segments. \"),_c('div'),_vm._v(\" Holden can segment consumers based on demographics, attitudes, behaviors, consumption abilities, etc. In this way, Holden successfully takes the first step to more precisely segment the market at the most basic granular level possible. \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer2.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Marketing\"},[_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer3.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})]),_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Marketing & Communication \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" Using online consumer surveys, we perform quick nationwide \\\"flash\\\" checks on the market, to understand a range of market characteristics. This typically includes anything from market size, consumer market structure, product penetration, distribution channels, brand/product life cycle, brand strengths and weaknesses, brand awareness, purchase level and intent, as well as the inter- relationship among all these factors. \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Management\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Customer Experience Management \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" Holden offers proprietary CEM platform to help our client in managing customer experience throughout the whole consumer journey, covering every Moment of Truth (MOT) touch point. Using alert system, client can receive real time results and make prompt improvement actions. \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer4.jpg\"}}),_c('div',{staticClass:\"color\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bg\">\r\n    <div class=\"top\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Consumer\r\n        </div>\r\n        <div class=\"value\">\r\n          Given the fast-paced economic development of many Asian markets, Holden provides you consumer insight for your product development, marketing efficiency, consumer segmentation, and experience management.\r\n\r\n        </div>\r\n        <div><button @click=\"contact\">REQUEST A BID</button></div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- product -->\r\n    <div class=\"product d-none d-sm-block\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          <div class=\"top1\">Concept Testing & Product Innovation</div>\r\n          <div class=\"text1\">Holden's product concept test is a powerful tool that derives likely consumption decisions based on purchasing/usage scenarios presented to real consumers. Holden tests both emotional and objective contributors to the decision-making process to understana the real market situation. Based on these results, combined with industry experience,Holden provides professional advice on the best concepts for the Chinese and various Asian markets.</div>\r\n        </div>\r\n        <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer1.jpg\" alt=\"\">\r\n          <div class=\"color\"></div>\r\n        </div>\r\n      </div>\r\n      <div class=\"value\">\r\n        <div>&nbsp</div>\r\n        Holden's online platform and effective operational execution ensures that concept tests can be done quickly and effectivekly.The final goal of product concept testing is to understand the relative acceptance of particular product's inovation.Before arriving at this goal, we first, test the product concept/innovation, identifying any problems with this concept. We then focus on that problem to to understand it nature.After taking these steps, we can understand how to tweak the innovation/concept to improve consumer acceptance.\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 手机端-->\r\n    <div class=\"productmd d-block d-sm-none\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Concept Testing & Product Innovation\r\n        </div>\r\n        <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer1.jpg\" alt=\"\">\r\n          <div class=\"color\"></div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"value\">\r\n        Holden's product concept test is a powerful tool that derives likely consumption decisions based on purchasing/usage scenarios presented to real consumers. Holden tests both emotional and objective contributors to the decision-making process to understana the real market situation. Based on these results, combined with industry experience,Holden provides professional advice on the best concepts for the Chinese and various Asian markets.\r\n        <div>&nbsp</div>\r\n        Holden's online platform and effective operational execution ensures that concept tests can be done quickly and effectivekly.The final goal of product concept testing is to understand the relative acceptance of particular product's inovation.Before arriving at this goal, we first, test the product concept/innovation, identifying any problems with this concept. We then focus on that problem to to understand it nature.After taking these steps, we can understand how to tweak the innovation/concept to improve consumer acceptance.\r\n\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Segmentation -->\r\n    <div class=\"Segmentation\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Segmentation and Usage & Attitude\r\n        </div>\r\n        <div class=\"value\">\r\n          In the increasing competitive and fast-paced market, enterprises need to segment the market, so they can better identify consumer groups and determine key targeted market segments.\r\n          <div>&nbsp</div>\r\n          Holden can segment consumers based on demographics, attitudes, behaviors, consumption abilities, etc. In this way, Holden successfully takes the first step to more precisely segment the market at the most basic granular level possible.\r\n        </div>\r\n      </div>\r\n      <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer2.jpg\" alt=\"\">\r\n        <div class=\"color\"></div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Marketing -->\r\n    <div class=\"Marketing\">\r\n      <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer3.jpg\" alt=\"\">\r\n        <div class=\"color\"></div>\r\n      </div>\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Marketing & Communication\r\n        </div>\r\n        <div class=\"value\">\r\n          Using online consumer surveys, we perform quick nationwide \"flash\" checks on the market, to understand a range of market characteristics. This typically includes anything from market size, consumer market structure, product penetration,\r\n          distribution channels, brand/product life cycle, brand strengths and weaknesses, brand awareness, purchase level and intent, as well as the inter- relationship among all these factors.\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- product -->\r\n    <div class=\"Management\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          Customer Experience Management\r\n        </div>\r\n        <div class=\"value\">\r\n          Holden offers proprietary CEM platform to help our client in managing customer experience throughout the whole consumer journey, covering every Moment of Truth (MOT) touch point. Using alert system, client can receive real time results and make prompt improvement actions.\r\n        </div>\r\n      </div>\r\n      <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer4.jpg\">\r\n        <div class=\"color\"></div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"banner\">\r\n      <el-carousel>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Consumer U&A study</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">213</span> consumer U&A study projects , delivering <span style=\"color:#2cb1e9\">105032</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Potential user needs research</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">106</span> potential user needs research projects , delivering <span style=\"color:#2cb1e9\">55306</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Consumer profiling</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">276</span> consumer profiling projects , delivering <span style=\"color:#2cb1e9\">72167</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">New product concept/prototype testing</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">276</span> new product concept/prototype testing projects , delivering <span style=\"color:#2cb1e9\">104287</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Product packaging/price testing</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">159</span> product packaging/price testing projects , delivering <span style=\"color:#2cb1e9\">49872</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Advertising film pre-testing</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">59</span> advertising film pre-testing projects , delivering <span style=\"color:#2cb1e9\">12921</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Advertising effectiveness evaluation and monitoring</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">143</span> advertising effectiveness evaluation and monitoring projects , delivering <span style=\"color:#2cb1e9\">52069</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"text\">\r\n            <div class=\"title\">Consumer satisfaction/loyalty studies</div>\r\n            <div class=\"value\">Over <span style=\"color:#2cb1e9\">98</span> Consumer satisfaction/loyalty studies projects , delivering <span style=\"color:#2cb1e9\">57722</span> completes for our clients.</div>\r\n          </div>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n\r\n    <!-- 底部轮播图 -->\r\n    <div class=\"consumer\">\r\n      <div class=\"title\"> Holden has accumulated rich experience in verticals such as packaged goods, home appliances, OTC healthcare etc. Out clients include global/regional top 500 companies.\r\n      </div>\r\n      <vue-seamless-scroll :data=\"List\" :class-option=\"optionLeft\" class=\"seamless-warp2\">\r\n        <ul class=\"item\">\r\n          <li v-for=\"(item,index) in List\" :key=\"index\">\r\n            <span><img :src=\"item.src\" :data-index=\"index\"></span>\r\n          </li>\r\n\r\n        </ul>\r\n      </vue-seamless-scroll>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vueSeamlessScroll from \"vue-seamless-scroll\";\r\nimport { advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      List: [\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner1.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner2.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner3.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner4.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner5.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner6.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner7.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner8.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner9.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner10.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner11.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner12.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner13.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner14.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner15.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner16.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner17.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner18.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner19.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner20.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner21.png\" },\r\n        { src: \"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/banner22.png\" }\r\n      ]\r\n    };\r\n  },\r\n  created() {\r\n    this.loading();\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.webinercookies();\r\n  },\r\n  components: { vueSeamlessScroll },\r\n  computed: {\r\n    optionLeft() {\r\n      return {\r\n        direction: 2,\r\n        limitMoveNum: 1,\r\n        step: 0.5,\r\n        hoverStop: false\r\n      };\r\n    }\r\n  },\r\n  methods: {\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          path: \"consumer\",\r\n          source: \"\",\r\n          information: \"Solutions_consumer\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          path: \"consumer\",\r\n          source: this.$route.query.source,\r\n          information: \"Solutions_consumer\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    contact() {\r\n      let routeData = this.$router.resolve({ path: \"/contact?source=bid\" });\r\n      window.open(routeData.href, \"_blank\");\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bg {\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumer.jpg\");\r\n  background-size: cover;\r\n  background-attachment: fixed;\r\n}\r\n.top {\r\n  padding: 155px 200px;\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/industryConsumer/consumerbg.png\");\r\n  background-size: cover;\r\n  // height: 600px;\r\n  .text {\r\n    width: 60%;\r\n    .title {\r\n      width: 70%;\r\n      font-size: 50px;\r\n      font-weight: 700;\r\n      margin-bottom: 25px;\r\n      color: #fff;\r\n    }\r\n    .value {\r\n      font-size: 20px;\r\n      color: #fff;\r\n    }\r\n    button {\r\n      border: none;\r\n      background-color: #2cb1e9;\r\n      color: #fff;\r\n      font-size: 20px;\r\n      border-radius: 10px;\r\n      margin-top: 20px;\r\n      padding: 10px;\r\n    }\r\n  }\r\n}\r\n.Management {\r\n  background-color: #fff;\r\n  display: flex;\r\n  padding: 50px 120px;\r\n  height: 730px;\r\n  position: relative;\r\n\r\n  .text {\r\n    position: absolute;\r\n    left: 240px;\r\n    top: 180px;\r\n    // width: 55%;\r\n    // color: #fff;\r\n    padding: 50px 50px 50px 400px;\r\n    background-color: #d0e3ea;\r\n    z-index: 0;\r\n\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      padding-top: 50px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 35%;\r\n    position: absolute;\r\n    top: 100px;\r\n    img {\r\n      width: 95%;\r\n      z-index: 2;\r\n    }\r\n  }\r\n}\r\n.Segmentation {\r\n  background-color: #fff;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  padding: 50px 120px;\r\n  .text {\r\n    width: 45%;\r\n    // color: #fff;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      padding: 50px 0;\r\n      font-size: 23px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 55%;\r\n    position: relative;\r\n    img {\r\n      width: 85%;\r\n      position: absolute;\r\n      right: 0;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 600px;\r\n      height: 420px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      left: 0px;\r\n      top: 120px;\r\n    }\r\n  }\r\n}\r\n.Marketing {\r\n  background-color: #fff;\r\n  display: flex;\r\n  padding: 0px 120px;\r\n  padding-bottom: 50px;\r\n  // height: 1000px;\r\n\r\n  .text {\r\n    width: 60%;\r\n    padding: 50px;\r\n    .title {\r\n      font-weight: 700;\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      margin-top: 50px;\r\n    }\r\n    .advantage {\r\n      .title {\r\n        font-size: 30px;\r\n        color: #000;\r\n      }\r\n      .value {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n  .img {\r\n    width: 40%;\r\n    position: relative;\r\n    img {\r\n      width: 90%;\r\n      position: absolute;\r\n      z-index: 2;\r\n    }\r\n    .color {\r\n      width: 350px;\r\n      height: 350px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      top: 150px;\r\n      left: 150px;\r\n    }\r\n  }\r\n}\r\n.productmd {\r\n  background-color: #fff;\r\n  display: flex;\r\n  padding: 100px;\r\n  flex-direction: column;\r\n  height: 5300px;\r\n  .text {\r\n    // width: 45%;\r\n    display: flex;\r\n    position: relative;\r\n    // padding: 50px;\r\n    .title {\r\n      // position: absolute;\r\n      bottom: 0;\r\n      width: 45%;\r\n      // height: 45%;\r\n      padding: 50px;\r\n      font-size: 80px;\r\n      font-weight: 700;\r\n      color: #2cb1e9;\r\n      text-shadow: 1px 1px #000;\r\n      background-color: #d0e3ea;\r\n    }\r\n    .img {\r\n      width: 55%;\r\n      // text-align: right;\r\n      // position: absolute;\r\n      // right: 0;\r\n      // top: 0;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n        float: right;\r\n      }\r\n    }\r\n  }\r\n  .value {\r\n    width: 90%;\r\n    font-size: 70px;\r\n    background-color: #d0e3ea;\r\n    padding: 50px;\r\n  }\r\n}\r\n.product {\r\n  background-color: #fff;\r\n  display: flex;\r\n  padding: 100px 120px;\r\n  flex-direction: column;\r\n  height: 1200px;\r\n  .text {\r\n    // width: 45%;\r\n    display: flex;\r\n    position: relative;\r\n    // padding: 50px;\r\n    .title {\r\n      .top1 {\r\n        background-color: #d0e3ea;\r\n        font-size: 40px;\r\n        font-weight: 700;\r\n        color: #2cb1e9;\r\n        text-shadow: 1px 1px #000;\r\n        padding-bottom: 50px;\r\n      }\r\n      // position: absolute;\r\n      bottom: 0;\r\n      width: 45%;\r\n      // height: 45%;\r\n      padding: 50px;\r\n      padding-bottom: 0;\r\n\r\n      background-color: #d0e3ea;\r\n      .text1 {\r\n        font-size: 23px;\r\n        // color: #000;\r\n        // font-weight: 400;\r\n      }\r\n    }\r\n    .img {\r\n      width: 55%;\r\n      // text-align: right;\r\n      // position: absolute;\r\n      // right: 0;\r\n      // top: 0;\r\n      img {\r\n        width: 100%;\r\n        float: right;\r\n      }\r\n    }\r\n  }\r\n  .value {\r\n    width: 90%;\r\n    font-size: 23px;\r\n    background-color: #d0e3ea;\r\n    padding: 50px;\r\n    padding-top: 0;\r\n  }\r\n}\r\n.banner {\r\n  background-color: rgba(255, 255, 255, 0.5);\r\n  .text {\r\n    padding: 80px 150px;\r\n    .title {\r\n      font-size: 40px;\r\n      color: #2cb1e9;\r\n      font-weight: 700;\r\n    }\r\n    .value {\r\n      font-size: 23px;\r\n      font-weight: 700;\r\n      padding: 50px;\r\n    }\r\n  }\r\n}\r\n.seamless-warp2 {\r\n  background-color: #fff;\r\n  padding: 50px 0;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n  height: 270px;\r\n  //   width: 1036px;\r\n  .item {\r\n    padding: 20px;\r\n    // width: 960px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    li {\r\n      border: 1px solid rgb(196, 185, 185);\r\n      width: 162.2px;\r\n      padding: 10px 20px;\r\n      //   height: 74px;\r\n      //   display: inline-block;\r\n      display: flex;\r\n      align-items: center;\r\n      //   float: left;\r\n      margin-right: 100px;\r\n      //   line-height: 125px;\r\n      text-align: center;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n.consumer {\r\n  background-color: #fff;\r\n  padding-top: 80px;\r\n  font-size: 30px;\r\n  font-weight: 700;\r\n  text-align: center;\r\n  color: #2cb1e9;\r\n  .title {\r\n    padding: 0 120px;\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .consumer {\r\n    font-size: 50px;\r\n  }\r\n  .top {\r\n    padding: 90px 100px;\r\n    .text {\r\n      width: 100%;\r\n      .title {\r\n        width: 80%;\r\n        font-size: 110px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n      button {\r\n        font-size: 70px;\r\n        padding: 10px 20px;\r\n      }\r\n    }\r\n  }\r\n  .Segmentation {\r\n    position: relative;\r\n    padding-top: 1300px;\r\n    .text {\r\n      display: block;\r\n      width: 100%;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n    .img {\r\n      top: 100px;\r\n      width: 80%;\r\n      position: absolute;\r\n      .color {\r\n        height: 1000px;\r\n      }\r\n    }\r\n  }\r\n  .Marketing {\r\n    position: relative;\r\n    display: block;\r\n    padding-top: 1500px;\r\n    .text {\r\n      width: 100%;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n    .img {\r\n      position: absolute;\r\n\r\n      top: 300px;\r\n      width: 80%;\r\n      .color {\r\n        width: 700px;\r\n        height: 700px;\r\n        top: 500px;\r\n        left: 500px;\r\n      }\r\n    }\r\n  }\r\n  .Management {\r\n    height: 2800px;\r\n    display: block;\r\n    .img {\r\n      width: 90%;\r\n    }\r\n    .text {\r\n      top: 900px;\r\n      left: 0;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .banner {\r\n    .text {\r\n      padding-top: 120px;\r\n      .title {\r\n        font-size: 80px;\r\n      }\r\n      .value {\r\n        font-size: 60px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n@media screen and (max-width: 576px) {\r\n  .el-carousel {\r\n    // height: 800px;\r\n    .el-carousel__container {\r\n      height: 1000px !important;\r\n      .el-carousel__arrow {\r\n        width: 100px;\r\n        height: 100px;\r\n        i {\r\n          font-size: 40px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./consumer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./consumer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./consumer.vue?vue&type=template&id=ce16d7b6&scoped=true&\"\nimport script from \"./consumer.vue?vue&type=script&lang=js&\"\nexport * from \"./consumer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./consumer.vue?vue&type=style&index=0&id=ce16d7b6&lang=scss&scoped=true&\"\nimport style1 from \"./consumer.vue?vue&type=style&index=1&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ce16d7b6\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./consumer.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./consumer.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./consumer.vue?vue&type=style&index=0&id=ce16d7b6&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./consumer.vue?vue&type=style&index=0&id=ce16d7b6&lang=scss&scoped=true&\""],"sourceRoot":""}