{"version":3,"sources":["webpack:///./src/assets/img/banner_quirks2.png","webpack:///./src/assets/img/banner_quirks1.png","webpack:///./src/views/Index.vue?4afe","webpack:///./src/assets/img/banner_quirksBG.jpg","webpack:///./src/views/Index.vue?fa78","webpack:///src/views/Index.vue","webpack:///./src/views/Index.vue?b8ab","webpack:///./src/views/Index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","_v","on","$event","$router","push","_m","staticStyle","toPath","class","bg","products","_e","_l","item","index2","key","_s","value","topNews","slice","index","toDetail","id","subscribe","newsTitle","logo","firstLabel","othersLabel","split","label","newsDesc","btn","newsList","DialogShow","ruleForm","rules","model","callback","$$v","$set","expression","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slot","submitForm","staticRenderFns","defaultForm","action","actionCase","targetName","mail","firstname","lastname","company","data","required","message","trigger","type","caseList","slide","sliding","isShow","clients","computed","swiper","created","script","document","dataLayer","window","gtag","send_to","mounted","components","vueSeamlessScroll","Carrousel","Carrouselmobile","AsiaMap","methods","path","webinercookies","localStorage","_this","console","firstName","fullName","form","actionRecords","query","source","startAuto","stopAuto","slideBanner","startPoint","stopPoint","box","that","resetPoint","loading","lock","background","setTimeout","advertisementFlow","information","then","res","getCustomerList","pageSize","pageIndex","status","origin","isRecommend","customerType","show","toDetailcase","getNewsList","component"],"mappings":"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","file":"static/js/chunk-87fa354a.97c3aeb7.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/img/banner_quirks2.dd20ccd3.png\";","module.exports = __webpack_public_path__ + \"static/img/banner_quirks1.d4170a3a.png\";","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!./Index.vue?vue&type=style&index=0&id=37c023d7&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!./Index.vue?vue&type=style&index=0&id=37c023d7&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/banner_quirksBG.0ce99cf3.jpg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index\"},[_c('div',{staticClass:\"top\"},[_c('el-carousel',{ref:\"carousel\"},[_c('el-carousel-item',[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"imgBg eada_imgBg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/banner_eada.jpg\"}})]),_c('div',{staticClass:\"value value_eada\"},[_c('div',{staticClass:\"eada_logo\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/eQuote2.png\",\"alt\":\"\"}})]),_c('div',[_vm._v(\"Instant Quotation System\")]),_c('div',{staticClass:\"quotevalue\"},[_vm._v(\"Asia Quotation Only a Click Away\")]),_c('div',[_c('button',{staticClass:\"banner_button\",on:{\"click\":function($event){return _vm.$router.push('/equote?source=homepage')}}},[_vm._v(\"Find out more\")])])])])]),_c('el-carousel-item',[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"imgBg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/banner_appa.jpg\"}})]),_c('div',{staticClass:\"value value_appa\"},[_vm._v(\" Welcome to the Asia Physician Panel Alliance \"),_c('button',{staticClass:\"pc d-none d-sm-block\"},[_c('a',{attrs:{\"href\":\"https://www.appa360.com/?source=appa_holdendata\",\"target\":\"_blank\"}},[_vm._v(\" Read more\")])])]),_c('div',{staticClass:\"value readmore\"},[_c('button',{staticClass:\"mobile d-block d-sm-none\"},[_c('a',{attrs:{\"href\":\"https://www.appa360.com/?source=appa_holdendata\",\"target\":\"_blank\"}},[_vm._v(\" Read more\")])])]),_c('div',{staticClass:\"appa_logo\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/appa/APPA.png\",\"alt\":\"\"}})])])]),_c('el-carousel-item',[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"imgBg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/banner1.jpg\"}})]),_c('div',{staticClass:\"value\"},[_c('div',[_vm._v(\" We Are Your Research Team on the Ground in Asia\")]),_c('button',{staticClass:\"mobile d-block d-sm-none\",on:{\"click\":function($event){return _vm.$router.push('/aboutUs?source=homepage')}}},[_vm._v(\"Read more\")])])])]),_c('el-carousel-item',[_c('div',{staticClass:\"banner\"},[_c('div',{staticClass:\"imgBg\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/banner_quirksBG.jpg\")}})]),_c('div',{staticClass:\"quirks_left\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/banner_quirks1.png\")}})])]),_c('div',{staticClass:\"quirks_right\"},[_c('div',[_c('img',{attrs:{\"src\":require(\"@/assets/img/banner_quirks2.png\")}})]),_c('div',[_c('button',{staticClass:\"quirks_button\"},[_c('a',{attrs:{\"href\":\"https://bluetoad.com/publication/?i=812227&p=38&view=issueViewer\",\"target\":\"_blank\"}},[_vm._v(\" Read more\")])])])])])])],1)],1),_vm._m(0),_c('div',{staticClass:\"calendar\"},[_c('Carrousel'),_c('Carrouselmobile')],1),_vm._m(1),_c('div',{staticClass:\"message\"},[_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/qual?source=index')}}},[_vm._m(2),_c('div',{staticClass:\"value\"},[_vm._v(\" Qualitative \")])]),_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/quant?source=index')}}},[_vm._m(3),_c('div',{staticClass:\"value\"},[_vm._v(\" Quantitative \")])]),_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/industry?source=index')}}},[_vm._m(4),_c('div',{staticClass:\"value\"},[_vm._v(\" Industry Expertise \")])]),_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/specialist?source=index')}}},[_vm._m(5),_c('div',{staticClass:\"value\"},[_vm._v(\" Specialist Solutions \")])])]),_vm._m(6),_c('div',{staticClass:\"experience\"},[_vm._m(7),_c('asia-map')],1),_vm._m(8),_c('div',{staticClass:\"products\"},[_c('div',{staticClass:\"menu\"},[_c('div',{staticClass:\"icon equote\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.toPath('/equote?source=products')}}},[_c('i',{staticClass:\"el-icon-s-opportunity\"}),_c('div',[_vm._v(\"eQuote\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==2},on:{\"mouseover\":function($event){_vm.products=2}}},[_c('i',{staticClass:\"el-icon-question\"}),_c('div',[_vm._v(\"Holden Answer\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==3},on:{\"mouseover\":function($event){_vm.products=3}}},[_c('i',{staticClass:\"el-icon-s-promotion\"}),_c('div',[_vm._v(\"API\")])]),_c('div',{staticClass:\"icon\",class:{bg:_vm.products==5},on:{\"mouseover\":function($event){_vm.products=5}}},[_c('i',{staticClass:\"el-icon-s-order\"}),_c('div',[_vm._v(\"Survey Panda\")])])]),_c('div',{staticClass:\"productsValue\"},[(_vm.products==1)?_c('div',{staticClass:\"one\"},[_vm._v(\"1\")]):_vm._e(),(_vm.products==2)?_c('div',{staticClass:\"two\"},[_vm._m(9),_c('div',{staticClass:\"holdenanswer\"},[_vm._m(10),_c('div',{staticClass:\"value\"},[_vm._m(11),_vm._m(12),_vm._m(13),_vm._m(14),_c('div',{staticClass:\"button\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/contact?source=products')}}},[_vm._v(\"Request a demo\")]),_c('el-button',{attrs:{\"type\":\"primary\"}},[_c('a',{attrs:{\"href\":\"https://www.asiamedeyes.com/#/login\",\"target\":\"_blank\"}},[_vm._v(\"Try it!\")])])],1)]),_vm._m(15)])]):_vm._e(),(_vm.products==3)?_c('div',{staticClass:\"three\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" API \")]),_c('div',{staticClass:\"apiimg\"},[_vm._m(16),_c('div',{staticClass:\"value\"},[_vm._m(17),_vm._m(18),_vm._m(19),_vm._m(20),_vm._m(21),_c('div',{staticClass:\"button\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/contact?source=products')}}},[_vm._v(\"Contact us\")])],1)]),_vm._m(22)])]):_vm._e(),(_vm.products==5)?_c('div',{staticClass:\"five\"},[_vm._m(23)]):_vm._e()])]),_c('div',{staticClass:\"Clients\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" What our clients say \")]),_c('div',{staticClass:\"value\"},[_c('el-carousel',{ref:\"carousel\",attrs:{\"indicator-position\":\"none\"}},_vm._l((_vm.clients),function(item,index2){return _c('el-carousel-item',{key:index2},[_c('div',{staticClass:\"says\"},[_vm._v(_vm._s(item.value))])])}),1)],1)])]),_vm._m(24),_c('div',{staticClass:\"news\"},[_c('div',{staticClass:\"newsList\"},[_c('div',{staticClass:\"topnews\"},[_vm._l((_vm.topNews.slice(0,1)),function(item,index){return _c('div',{key:index,staticClass:\"topNews\",on:{\"click\":function($event){return _vm.toDetail(item.id,item.subscribe,item.newsTitle)}}},[_c('img',{attrs:{\"src\":item.logo}}),_c('div',[_c('div',[_c('div',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(item.firstLabel)+\" \")]),_vm._l((item.othersLabel.split(',').slice(0,3)),function(label){return _c('div',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(label)+\" \")])})],2),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.newsTitle)+\" \")])]),_c('div',{staticClass:\"newsDesc overflowMulityText3\"},[_vm._v(\" \"+_vm._s(item.newsDesc)+\" \")])])}),_c('div',{staticClass:\"more\",on:{\"click\":function($event){return _vm.btn('/media?source=index')}}},[_vm._v(\"read more\")])],2),_c('div',{staticClass:\"notopnews\"},_vm._l((_vm.newsList.slice(0,3)),function(item,index){return _c('div',{key:index,staticClass:\"one\",on:{\"click\":function($event){return _vm.toDetail(item.id,item.subscribe,item.newsTitle)}}},[_c('img',{attrs:{\"src\":item.logo}}),_c('div',[_c('div',[_c('div',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(item.firstLabel)+\" \")]),_vm._l((item.othersLabel.split(',').slice(0,3)),function(label){return _c('div',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(label)+\" \")])})],2),_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.newsTitle)+\" \")])])])}),0)])]),_c('el-dialog',{attrs:{\"title\":\"\",\"visible\":_vm.DialogShow,\"width\":\"45%\"},on:{\"close\":function($event){_vm.DialogShow=false}}},[_c('span',[_c('div',{staticClass:\"from\"},[_c('div',{staticClass:\"formtitle\"},[_vm._v(\"Please fill in your information\")]),_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules}},[_c('el-form-item',{attrs:{\"label\":\"First Name\",\"prop\":\"firstname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.firstname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"firstname\", $$v)},expression:\"ruleForm.firstname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Last Name\",\"prop\":\"lastname\"}},[_c('el-input',{model:{value:(_vm.ruleForm.lastname),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"lastname\", $$v)},expression:\"ruleForm.lastname\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Email\",\"prop\":\"mail\"}},[_c('el-input',{model:{value:(_vm.ruleForm.mail),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"mail\", $$v)},expression:\"ruleForm.mail\"}})],1),_c('el-form-item',{attrs:{\"label\":\"Company\",\"prop\":\"company\"}},[_c('el-input',{model:{value:(_vm.ruleForm.company),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"company\", $$v)},expression:\"ruleForm.company\"}})],1),_c('el-form-item',{staticStyle:{\"width\":\"100%\"},attrs:{\"prop\":\"check\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.ruleForm.check),expression:\"ruleForm.check\"}],staticClass:\"check\",attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.ruleForm.check)?_vm._i(_vm.ruleForm.check,null)>-1:(_vm.ruleForm.check)},on:{\"change\":function($event){var $$a=_vm.ruleForm.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.ruleForm, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.ruleForm, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.ruleForm, \"check\", $$c)}}}}),_c('span',{staticStyle:{\"word-break\":\"break-word\"}},[_vm._v(\"Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.\")])])],1)],1)]),_c('span',{staticClass:\"dialog-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{on:{\"click\":function($event){_vm.DialogShow = false}}},[_vm._v(\"cancel\")]),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(\"submit\")])],1)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleLine\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Latest Events \")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\"}}),_c('div',{staticClass:\"value\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleLine\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Holden Services \")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\"}}),_c('div',{staticClass:\"value\"},[_vm._v(\" We offer a wide-range of research services from research design to field operations to research consulting. \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconHealthcare.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconMedtech.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconConsumer.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconAsia.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleLine Experience\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Why Holden \")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\"}}),_c('div',{staticClass:\"value\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"data\"},[_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"num\"},[_vm._v(\" All \")]),_c('div',{staticClass:\"detatil\"},[_vm._v(\" Covering all Asian markets \")])]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"num\"},[_vm._v(\" Millions \")]),_c('div',{staticClass:\"detatil\"},[_vm._v(\" Doctors & patient resources \")])]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"num\"},[_vm._v(\" 500+ \")]),_c('div',{staticClass:\"detatil\"},[_vm._v(\" Projects in 2023 \")])]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"num\"},[_vm._v(\" 30000+ \")]),_c('div',{staticClass:\"detatil\"},[_vm._v(\" Complete samples in 2023 \")])]),_c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"num\"},[_vm._v(\" 4.8 \")]),_c('div',{staticClass:\"detatil\"},[_vm._v(\" Customer NPS \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleLine\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Holden Products \")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\"}}),_c('div',{staticClass:\"value\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_vm._v(\" Innovate, Interact, Insight: \"),_c('br'),_vm._v(\"AME - Your Gateway to Smart Healthcare Research \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-block d-sm-none\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/holdenanswer.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_c('span',{staticStyle:{\"color\":\"#2cb1e9\",\"font-weight\":\"700\"}},[_vm._v(\"Holden Answer\")]),_vm._v(\" is an interactive, Al-enabled interface for market researchers in the healthcare industry.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"In additional to web trawling functions, and its advanced language model, Holden has built upon it to with its database of both primary and secondary research data to provide both researchers up-to-date and useful market information.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Friends and clients of Holden can take advantage of non-sensitive primary and secondary research data to supplement their research or simply get to know more about their target markets.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, \"),_c('span',{staticStyle:{\"color\":\"#2cb1e9\",\"font-weight\":\"700\"}},[_vm._v(\"Holden Answer\")]),_vm._v(\" is here to provide you with intelligent and interactive assistance.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-none d-sm-block\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/holdenanswer.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-block d-sm-none\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\",\"margin-bottom\":\"20px\"}},[_c('div',[_vm._v(\"Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API. Empower partners to harness the capabilities of our cutting-edge solutions and enhance their applications with ease.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● Seamless Integration:\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\" Our API is designed for effortless integration, ensuring a smooth and efficient collaboration between our products and your applications.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● Customization:\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\" Tailor our solutions to meet your specific needs. Our API allows for flexible customization, enabling partners to adapt and optimize functionality according to their unique requirements.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"api\",staticStyle:{\"display\":\"flex\"}},[_c('div',{staticClass:\"apileft\"},[_vm._v(\"● Efficiency and Productivity:\")]),_c('div',{staticClass:\"apiright\"},[_vm._v(\" Streamline workflows and boost productivity with the seamless connectivity facilitated by our API, allowing for quick data exchange and real-time updates.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',[_vm._v(\"Partner with us to take advantage of these benefits and elevate your applications to new heights with our powerful API integration.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"holderanswerimg d-none d-sm-block\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/api.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"SurveyPanda\",attrs:{\"id\":\"SurveyPanda\"}},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" SurveyPanda \")]),_c('div',{staticClass:\"value\"},[_vm._v(\" Is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DIY research solutions. At the same time, it is designed to cater for complicated market research requirement. \")])]),_c('div',{staticClass:\"img\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/programming/surveyPanda.jpg\",\"alt\":\"\"}}),_c('div',{staticClass:\"color\"})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titleLine\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" Latest News & Release \")]),_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"index\">\r\n\r\n    <!-- 轮播图 -->\r\n    <div class=\"top\">\r\n      <el-carousel ref=\"carousel\">\r\n           <!-- <el-carousel-item>\r\n          <div class=\"banner\">\r\n            <div class=\"imgBg\">  <a href=\"newsDetail?id=54&source=indexCalendar\" target=\"_blank\"> <img src=\"@/assets/img/bannerBhbia.jpg\"></a></div>\r\n          </div>\r\n        </el-carousel-item> -->\r\n         <!-- <el-carousel-item >\r\n          <div class=\"banner\" >\r\n            <div class=\"imgBg d-none d-sm-block\"><img src=\"@/assets/img/Banner_Intellus_White.png\"></div>\r\n            <div class=\"imgBg d-block d-sm-none\"><img src=\"@/assets/img/Banner_Intellus_WhiteMobile.png\"></div>\r\n\r\n            <div class=\"value value_intell\" @click=\"$router.push('/newsDetail?id=52&source=homepage')\">Visit Us Here</div>\r\n      \r\n          </div>\r\n        </el-carousel-item> -->\r\n        <el-carousel-item>\r\n          <div class=\"banner\">\r\n            <div class=\"imgBg eada_imgBg\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/banner_eada.jpg\"></div>\r\n            <div class=\"value value_eada\">\r\n              <div class=\"eada_logo\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/eQuote2.png\" alt=\"\"></div>\r\n              <div>Instant Quotation System</div>\r\n              <div style=\"\" class=\"quotevalue\">Asia Quotation Only a Click Away</div>\r\n              <div><button class=\"banner_button\" @click=\"$router.push('/equote?source=homepage')\">Find out more</button></div>\r\n            </div>\r\n\r\n          </div>\r\n        </el-carousel-item>\r\n\r\n        <el-carousel-item>\r\n          <div class=\"banner\">\r\n            <div class=\"imgBg\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/banner_appa.jpg\"></div>\r\n            <div class=\"value value_appa\">\r\n              Welcome to the Asia Physician Panel Alliance\r\n              <button class=\"pc d-none d-sm-block\"><a href=\"https://www.appa360.com/?source=appa_holdendata\" target=\"_blank\"> Read more</a></button>\r\n            </div>\r\n\r\n            <div class=\"value readmore\"> <button class=\"mobile d-block d-sm-none\"><a href=\"https://www.appa360.com/?source=appa_holdendata\" target=\"_blank\"> Read more</a></button></div>\r\n\r\n            <div class=\"appa_logo\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/appa/APPA.png\" alt=\"\"></div>\r\n\r\n          </div>\r\n        </el-carousel-item>\r\n\r\n        <el-carousel-item>\r\n          <div class=\"banner\">\r\n            <div class=\"imgBg\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/banner1.jpg\"></div>\r\n            <div class=\"value\">\r\n              <div> We Are Your Research Team on the Ground in Asia</div>\r\n              <button class=\"mobile d-block d-sm-none\" @click=\"$router.push('/aboutUs?source=homepage')\">Read more</button>\r\n            </div>\r\n\r\n          </div>\r\n        </el-carousel-item>\r\n        <el-carousel-item>\r\n          <div class=\"banner\">\r\n            <div class=\"imgBg\"><img src=\"@/assets/img/banner_quirksBG.jpg\"></div>\r\n            <div class=\"quirks_left\">\r\n              <div><img src=\"@/assets/img/banner_quirks1.png\"></div>\r\n            </div>\r\n            <div class=\"quirks_right\">\r\n              <div><img src=\"@/assets/img/banner_quirks2.png\"></div>\r\n              <div><button class=\"quirks_button\"><a href=\"https://bluetoad.com/publication/?i=812227&p=38&view=issueViewer\" target=\"_blank\"> Read more</a></button></div>\r\n\r\n            </div>\r\n\r\n          </div>\r\n        </el-carousel-item>\r\n       \r\n\r\n      </el-carousel>\r\n    </div>\r\n\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Latest Events\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n      <div class=\"value\">\r\n      </div>\r\n    </div>\r\n    <!-- 日历 -->\r\n    <div class=\"calendar\">\r\n\r\n      <Carrousel></Carrousel>\r\n      <Carrouselmobile></Carrouselmobile>\r\n    </div>\r\n\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Holden Services\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n      <div class=\"value\">\r\n        We offer a wide-range of research services from research design to field operations to research consulting.\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 第一部分介绍公司 -->\r\n    <div class=\"message\">\r\n      <div class=\"box\" @click=\"$router.push('/qual?source=index')\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconHealthcare.png\">\r\n        </div>\r\n        <div class=\"value\">\r\n          Qualitative\r\n        </div>\r\n      </div>\r\n      <div class=\"box\" @click=\"$router.push('/quant?source=index')\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconMedtech.png\">\r\n        </div>\r\n        <div class=\"value\">\r\n          Quantitative\r\n        </div>\r\n      </div>\r\n      <div class=\"box\" @click=\"$router.push('/industry?source=index')\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconConsumer.png\">\r\n        </div>\r\n        <div class=\"value\">\r\n          Industry Expertise\r\n        </div>\r\n      </div>\r\n      <div class=\"box\" @click=\"$router.push('/specialist?source=index')\">\r\n        <div class=\"img\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconAsia.png\">\r\n        </div>\r\n        <div class=\"value\">\r\n          Specialist Solutions\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- 分割区域条 -->\r\n    <!-- <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        We get things done in Speed<sup>+</sup>\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\" alt=\"\">\r\n      <div class=\"value\">\r\n        Speed is the key to success，but so are the others\r\n      </div>\r\n    </div> -->\r\n\r\n    <!-- We get things Done -->\r\n    <!-- <div class=\"things\">\r\n      <div class=\"left\">\r\n        <div>Speed + Asia Access</div>\r\n        <div>Speed + Quality</div>\r\n      </div>\r\n      <div class=\"d-none d-md-block img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/speed.jpg\"></div>\r\n      <div class=\"right\">\r\n        <div>Speed + All Methods</div>\r\n        <div>Speed + Insight</div>\r\n      </div>\r\n\r\n    </div> -->\r\n    <!-- 分割区域条 -->\r\n    <!-- <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Our HCP Advisors\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n    </div> -->\r\n\r\n    <!-- 请来培训的医生介绍 -->\r\n    <!-- <div class=\"doctors\">\r\n      <div class=\"three\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/doctorShu.jpg\">\r\n        <div class=\"doctorName\">\r\n          Dr. Zhiqiang Shu\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Chief Physician\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Neurological Surgery\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"three\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/doctorRui.jpg\">\r\n        <div class=\"doctorName\">\r\n          Dr. Rui Liu\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Associate Chief Physician\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Cardial & Thoracic Surgery\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"three\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/doctorNing.jpg\">\r\n        <div class=\"doctorName\">\r\n          Dr. Ning Liu\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Associate Chief Physician\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Neurology\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"three\">\r\n        <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/doctorChen.jpg\">\r\n        <div class=\"doctorName\">\r\n          Dr. Ye Chen\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Attending Physician\r\n        </div>\r\n        <div class=\"doctorValue\">\r\n          Oncology\r\n        </div>\r\n      </div>\r\n    </div> -->\r\n\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine Experience\">\r\n      <div class=\"title\">\r\n        Why Holden\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n      <div class=\"value\">\r\n        <!-- We have conducted over 2000 projects, both quantitative & qualitative in past 3 years -->\r\n      </div>\r\n    </div>\r\n    <!-- whyholden  -->\r\n    <div class=\"experience\">\r\n      <div class=\"data\">\r\n        <div class=\"box\">\r\n          <div class=\"num\">\r\n            All\r\n          </div>\r\n          <div class=\"detatil\">\r\n            Covering all Asian markets\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"num\">\r\n            Millions\r\n          </div>\r\n          <div class=\"detatil\">\r\n            Doctors & patient resources\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"num\">\r\n            500+\r\n          </div>\r\n          <div class=\"detatil\">\r\n            Projects in 2023\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"num\">\r\n            30000+\r\n          </div>\r\n          <div class=\"detatil\">\r\n            Complete samples in 2023\r\n          </div>\r\n\r\n        </div>\r\n        <div class=\"box\">\r\n          <div class=\"num\">\r\n            4.8\r\n          </div>\r\n          <div class=\"detatil\">\r\n            Customer NPS\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <asia-map />\r\n    </div>\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Holden Products\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n      <div class=\"value\">\r\n      </div>\r\n    </div>\r\n    <!-- 浩顿产品 -->\r\n    <div class=\"products\">\r\n      <div class=\"menu\">\r\n        <div class=\"icon equote\" style=\"cursor:pointer\" @click=\"toPath('/equote?source=products')\">\r\n          <i class=\"el-icon-s-opportunity\"></i>\r\n          <div>eQuote</div>\r\n        </div>\r\n        <div class=\"icon\" @mouseover=\"products=2\" :class=\"{bg:products==2}\">\r\n          <i class=\"el-icon-question\"></i>\r\n          <div>Holden Answer</div>\r\n        </div>\r\n        <div class=\"icon\" @mouseover=\"products=3\" :class=\"{bg:products==3}\">\r\n          <i class=\"el-icon-s-promotion\"></i>\r\n          <div>API</div>\r\n        </div>\r\n\r\n        <div class=\"icon\" @mouseover=\"products=5\" :class=\"{bg:products==5}\">\r\n          <i class=\"el-icon-s-order\"></i>\r\n          <div>Survey Panda</div>\r\n        </div>\r\n      </div>\r\n      <div class=\"productsValue\">\r\n        <div v-if=\"products==1\" class=\"one\">1</div>\r\n        <div v-if=\"products==2\" class=\"two\">\r\n          <div class=\"title\">\r\n            Innovate, Interact, Insight: </br>AME - Your Gateway to Smart Healthcare Research\r\n          </div>\r\n          <div class=\"holdenanswer\">\r\n            <div class=\"holderanswerimg d-block d-sm-none\"><img src=\"@/assets/img/holdenanswer.png\" alt=\"\"></div>\r\n            <div class=\"value\">\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>1.</div> -->\r\n                <div><span style=\"color:#2cb1e9;font-weight:700\">Holden Answer</span> is an interactive, Al-enabled interface for market researchers in the healthcare industry.</div>\r\n\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>2.</div> -->\r\n                <div>In additional to web trawling functions, and its advanced language model, Holden has built upon it to with its database of both primary and secondary research data to provide both researchers up-to-date and useful market information.</div>\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>3.</div> -->\r\n                <div>Friends and clients of Holden can take advantage of non-sensitive primary and secondary research data to supplement their research or simply get to know more about their target markets.</div>\r\n              </div>\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>4.</div> -->\r\n                <div>Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, <span style=\"color:#2cb1e9;font-weight:700\">Holden Answer</span> is here to provide you with intelligent and interactive assistance.</div>\r\n              </div>\r\n              <!-- <div style=\"display:flex\">\r\n              <div>5.</div>\r\n              <div>Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, Holden Knowledge Platform is here to provide you with intelligent and interactive assistance.</div>\r\n            </div> -->\r\n              <div class=\"button\">\r\n                <el-button type=\"primary\" @click=\"toPath('/contact?source=products')\">Request a demo</el-button>\r\n                <el-button type=\"primary\"><a href=\"https://www.asiamedeyes.com/#/login\" target=\"_blank\">Try it!</a></el-button>\r\n              </div>\r\n            </div>\r\n            <div class=\"holderanswerimg d-none d-sm-block\"><img src=\"@/assets/img/holdenanswer.png\" alt=\"\"></div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"products==3\" class=\"three\">\r\n          <div class=\"title\">\r\n            API\r\n          </div>\r\n          <div class=\"apiimg\">\r\n            <div class=\"holderanswerimg d-block d-sm-none\"><img src=\"@/assets/img/api.png\" alt=\"\"></div>\r\n            <div class=\"value\">\r\n              <div style=\"display:flex;margin-bottom:20px\">\r\n                <!-- <div>1.</div> -->\r\n                <div>Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API. Empower partners to harness the capabilities of our cutting-edge solutions and enhance their applications with ease.</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <div class=\"apileft\">● Seamless Integration:</div>\r\n                <div class=\"apiright\"> Our API is designed for effortless integration, ensuring a smooth and efficient collaboration between our products and your applications.</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <div class=\"apileft\">● Customization:</div>\r\n                <div class=\"apiright\"> Tailor our solutions to meet your specific needs. Our API allows for flexible customization, enabling partners to adapt and optimize functionality according to their unique requirements.</div>\r\n              </div>\r\n              <div style=\"display:flex\" class=\"api\">\r\n                <div class=\"apileft\">● Efficiency and Productivity:</div>\r\n                <div class=\"apiright\"> Streamline workflows and boost productivity with the seamless connectivity facilitated by our API, allowing for quick data exchange and real-time updates.</div>\r\n              </div>\r\n              <div style=\"display:flex\">\r\n                <!-- <div>5.</div> -->\r\n                <div>Partner with us to take advantage of these benefits and elevate your applications to new heights with our powerful API integration.</div>\r\n              </div>\r\n              <div class=\"button\">\r\n                <el-button type=\"primary\" @click=\"toPath('/contact?source=products')\">Contact us</el-button>\r\n\r\n              </div>\r\n\r\n            </div>\r\n            <div class=\"holderanswerimg d-none d-sm-block\"><img src=\"@/assets/img/api.png\" alt=\"\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div v-if=\"products==5\" class=\"five\">\r\n          <!-- SurveyPanda -->\r\n          <div class=\"SurveyPanda\" id=\"SurveyPanda\">\r\n\r\n            <div class=\"text\">\r\n              <div class=\"title\">\r\n                SurveyPanda\r\n              </div>\r\n              <div class=\"value\">\r\n                Is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DIY research solutions. At the same time, it is designed to cater for complicated market research requirement.\r\n\r\n              </div>\r\n            </div>\r\n            <div class=\"img\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/programming/surveyPanda.jpg\" alt=\"\">\r\n              <div class=\"color\"></div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n    <!-- Our Clients Say -->\r\n    <div class=\"Clients\">\r\n      <div class=\"text\">\r\n        <div class=\"title\">\r\n          What our clients say\r\n        </div>\r\n        <div class=\"value\">\r\n          <el-carousel ref=\"carousel\" indicator-position=\"none\">\r\n            <el-carousel-item v-for=\"(item,index2) in clients\" :key=\"index2\">\r\n              <div class=\"says\">{{item.value}}</div>\r\n            </el-carousel-item>\r\n\r\n          </el-carousel>\r\n\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n    <!-- 公司的成就 -->\r\n    <!-- <div class=\"experience\">\r\n      <div class=\"box\">\r\n        <div class=\"num\">860</div>\r\n        <div>--</div>\r\n        <div class=\"text\">HC & MedTech</div>\r\n      </div>\r\n      <div class=\"box\">\r\n        <div class=\"num\">1116</div>\r\n        <div>--</div>\r\n        <div class=\"text\">Consumer</div>\r\n      </div>\r\n      <div class=\"box\">\r\n        <div class=\"num\">1664</div>\r\n        <div>--</div>\r\n        <div class=\"text\">Greater China</div>\r\n      </div>\r\n      <div class=\"box\">\r\n        <div class=\"num\">281</div>\r\n        <div>--</div>\r\n        <div class=\"text\">Other Asian Markets</div>\r\n      </div>\r\n    </div> -->\r\n\r\n    <!-- 分割区域条 -->\r\n    <!-- <div class=\"titleLine\">\r\n      <divclass=\"title\">\r\n        Our Solutions\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n      <div class=\"value\">\r\n        Our team is happy to discuss about your research needs and provides our best recommendations on research solutions\r\n      </div>\r\n    </div> -->\r\n\r\n    <!-- Our Solutions -->\r\n    <!-- <div class=\"solutions\">\r\n      左边图片\r\n      <div class=\"value\">\r\n        <div class=\" d-none d-sm-block solutionsImg\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/solutions.jpg\">\r\n        </div>\r\n        右边文字\r\n        <div>\r\n\r\n        </div>\r\n        <div class=\"solutionsValue\">\r\n          <div class=\"solutionstext\">We have conducted over 2000 projects in the past 3 years.</div>\r\n\r\n          <div class=\"oneBox solutionbox\">\r\n            <i class=\"el-icon-s-order \" />\r\n            <div class=\"text\">\r\n              <span>Qualitative Projects</span>\r\n              <div>321</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"twoBox solutionbox\">\r\n            <i class=\"el-icon-s-data\" />\r\n            <div class=\"text\">\r\n              <span>Quantitative Projects</span>\r\n              <div>1695</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"threeBox solutionbox\">\r\n            <i class=\"el-icon-s-claim \" />\r\n            <div class=\"text\">\r\n              <span>Research & Analytics Projects</span>\r\n              <div>884</div>\r\n            </div>\r\n          </div>\r\n          <div class=\"fourBox solutionbox\">\r\n            <i class=\"el-icon-s-management\" />\r\n            <div class=\"text\">\r\n              <span>AI Assisted Transcription</br> & Summary</span>\r\n              <div>1096</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"annotation\" style=\"float:right;color:#7e6a6c\">* Based on project data as of December 31,2022</div>\r\n    </div> -->\r\n\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Latest News & Release\r\n      </div>\r\n      <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/title-hline.png\">\r\n    </div>\r\n\r\n    <!-- case study -->\r\n    <!-- <div class=\"news\">\r\n      <div @click=\"btn('/media')\" class=\"more\">read more</div>\r\n\r\n      <div class=\"newsList\">\r\n\r\n        <div class=\"one\" v-for=\"(item,index) in caseList.slice(0,4)\" :key=\"index\" @click=\"toDetailcase(item.id)\">\r\n          <img :src=\"item.logo\">\r\n          <div class=\"title\">\r\n            {{item.customerTitle}}\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div> -->\r\n    <!-- news -->\r\n    <div class=\"news\">\r\n      <!-- <div @click=\"btn('/media?source=index')\" class=\"more\">read more</div> -->\r\n      <div class=\"newsList\">\r\n        <div class=\"topnews\">\r\n\r\n          <div class=\"topNews\" v-for=\"(item,index) in topNews.slice(0,1)\" :key=\"index\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n            <img :src=\"item.logo\">\r\n            <div>\r\n              <div>\r\n                <div class=\"label\">\r\n                  {{item.firstLabel}}\r\n                </div>\r\n                <div class=\"label\" v-for=\"label in item.othersLabel.split(',').slice(0,3)\">\r\n                  {{label}}\r\n                  <!-- .split(\",\") -->\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"title\">\r\n                {{ item.newsTitle }}\r\n              </div>\r\n            </div>\r\n            <div class=\"newsDesc overflowMulityText3\">\r\n              {{ item.newsDesc }}\r\n            </div>\r\n\r\n          </div>\r\n          <div @click=\"btn('/media?source=index')\" class=\"more\">read more</div>\r\n        </div>\r\n        <div class=\"notopnews\">\r\n\r\n          <div class=\"one\" v-for=\"(item,index) in newsList.slice(0,3)\" :key=\"index\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n            <img :src=\"item.logo\">\r\n            <div>\r\n              <div>\r\n                <div class=\"label\">\r\n                  {{item.firstLabel}}\r\n                </div>\r\n                <div class=\"label\" v-for=\"label in item.othersLabel.split(',').slice(0,3)\">\r\n                  {{label}}\r\n                  <!-- .split(\",\") -->\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"title\">\r\n                {{ item.newsTitle }}\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n    <el-dialog title=\"\" :visible=\"DialogShow\" width=\"45%\" @close=\"DialogShow=false\">\r\n      <span>\r\n        <div class=\"from\">\r\n          <div class=\"formtitle\">Please fill in your information</div>\r\n          <el-form :model=\"ruleForm\" :rules=\"rules\" ref=\"ruleForm\">\r\n            <el-form-item label=\"First Name\" prop=\"firstname\">\r\n              <el-input v-model=\"ruleForm.firstname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Last Name\" prop=\"lastname\">\r\n              <el-input v-model=\"ruleForm.lastname\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Email\" prop=\"mail\">\r\n              <el-input v-model=\"ruleForm.mail\" />\r\n            </el-form-item>\r\n            <el-form-item label=\"Company\" prop=\"company\">\r\n              <el-input v-model=\"ruleForm.company\" />\r\n            </el-form-item>\r\n            <el-form-item prop=\"check\" style=\"width:100%\">\r\n\r\n              <input class=\"check\" type=\"checkbox\" v-model=\"ruleForm.check\"><span style=\"word-break: break-word;\">Yes, I would like to receive digital communications from Holden brands. I may opt-out of communications at any time using the unsubscribe link at the bottom of any email communication.</span>\r\n            </el-form-item>\r\n          </el-form>\r\n\r\n        </div>\r\n      </span>\r\n      <span slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button @click=\"DialogShow = false\">cancel</el-button>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">submit</el-button>\r\n\r\n      </span>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import '@/config/rem'\r\n\r\nconst defaultForm = {\r\n  action: \"News\",\r\n  actionCase: \"Readnews\",\r\n  targetName: \"\",\r\n  mail: \"\",\r\n  firstname: \"\",\r\n  lastname: \"\",\r\n  company: \"\",\r\n  check: true\r\n};\r\nimport vueSeamlessScroll from \"vue-seamless-scroll\";\r\nimport { getNewsList, getCustomerList, advertisementFlow, actionRecords } from \"@/api/api\";\r\n\r\nimport Carrousel from \"@/components/swiper.vue\";\r\nimport Carrouselmobile from \"@/components/swiperMobile.vue\";\r\nimport AsiaMap from \"@/components/asiaMap\";\r\n\r\nexport default {\r\n  name: \"Index\",\r\n  data() {\r\n    const check = (rule, value, callback) => {\r\n      if (value == false) {\r\n        return callback(new Error(\"Please complete this required field\"));\r\n      } else {\r\n        callback();\r\n      }\r\n    };\r\n    return {\r\n      // // notNextTick是一个组件自有属性，如果notNextTick设置为true，组件则不会通过NextTick来实例化swiper，也就意味着你可以在第一时间获取到swiper对象，假如你需要刚加载遍使用获取swiper对象来做什么事，那么这个属性一定要是true\r\n      // notNextTick: true,\r\n      // swiperOption: {\r\n      //   // swiper options 所有的配置同swiper官方api配置\r\n      //   autoplay: false, // 自动播放的时间间隔\r\n      //   slidesPerView: 4, //一次显示的数量\r\n      //   direction: \"horizontal\", // 水平轮播\r\n      //   grabCursor: true,\r\n      //   setWrapperSize: true,\r\n      //   loop: true, //  循环播放\r\n      //   autoHeight: true,\r\n      //   // pagination: \".swiper-pagination\",\r\n      //   paginationClickable: true,\r\n      //   prevButton: \".swiper-button-prev\",\r\n      //   nextButton: \".swiper-button-next\",\r\n      //   // scrollbar: \".swiper-scrollbar\",\r\n      //   mousewheelControl: true,\r\n      //   observeParents: true,\r\n      //   // 如果自行设计了插件，那么插件的一些配置相关参数，也应该出现在这个对象中，如下debugger\r\n      //   debugger: true,\r\n      //   // swiper callbacks\r\n      //   // swiper的各种回调函数也可以出现在这个对象中，和swiper官方一样\r\n      //   onTransitionStart(swiper) {\r\n      //     console.log(swiper);\r\n      //   }\r\n      //   // more Swiper configs and callbacks...\r\n      //   // ...\r\n      // },\r\n      // classOption: {\r\n      //   limitMoveNum: 2,\r\n      //   switchSingleStep: 140,\r\n      //   direction: 3\r\n      // },\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      rules: {\r\n        firstname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        lastname: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        company: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }],\r\n        mail: [\r\n          { required: true, message: \"Please complete this required field\", trigger: \"blur\" },\r\n          { type: \"email\", message: \"Email must be formatted correctly.\", trigger: [\"blur\"] }\r\n        ]\r\n        // check: [{ required: true, message: \"Please complete this required field\", trigger: \"blur\" }, { validator: check }]\r\n      },\r\n      DialogShow: false,\r\n      caseList: [],\r\n      slide: 0,\r\n      sliding: null,\r\n      newsList: [],\r\n      isShow: 0,\r\n      topNews: [],\r\n      products: 2,\r\n      clients: [\r\n        { value: \"“ Great work helping us close so fast! ”\" },\r\n        { value: \"“ As always, the Holden team consistently responds to proposal requests in a clear, concise, and quick way, and it is always a pleasure to work with the team. ”\" },\r\n        { value: \"“ Thank you for making my experience, as well as my clients experience a great one! We will definitely be looking forward to working with the team again in the near future :) ”\" },\r\n        { value: \"“ Your team always does a wonderful job and it's always a pleasure working with you all. I know my projects will be in good hands which takes off the pressure from my end. Thank you and keep doing what you do ”\" },\r\n        { value: \"“ Holden did a great job setting expectations on what can be realistically delivered per week - this helped greatly with client management on our end. Thank you! ”\" },\r\n        { value: \"“ Fabulous recruit in India despite the global pandemic difficulties! ”\" },\r\n        { value: \"“ I would definitely work with you again, very well done! ”\" },\r\n        { value: \"“ Great communication and delivered earlier than what we expected  Thank you :) ”\" },\r\n        { value: \"“ Team was awesome and responsive. Fielding went as promised. Please keep it up. ”\" },\r\n        { value: \"“ Great team to work with!!!Nicole and the Taiwan team were responsive and great to work with.Nicole and her Team are always efficient with various back matching and recontact queries. It make fielding much easier! Thanks Nicole and Team :D ”\" },\r\n        { value: \"“ Jenny was great and helped handle fieldwork despite some difficult sub quota difficulties! ”\" },\r\n        { value: \"“ You are doing a great job and the team makes things easier for everyone which is very much appreciated and it is exactly what we expect from a panel partner ”\" },\r\n        { value: \"“ As working with Nicole has been such a pleasure. She is friendly, efficient and always reliable. Thank you for all your hard work in 2021. We hope to be able to continue working with Nicole and Holden for a successful 2022 ”\" }\r\n      ]\r\n    };\r\n  },\r\n  computed: {\r\n    swiper() {\r\n      return this.$refs.mySwiper.swiper;\r\n    }\r\n  },\r\n  created() {\r\n    this.loading();\r\n    this.getNewsList();\r\n    this.getCustomerList();\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    window.addEventListener(\"load\", function() {\r\n      if (window.location.href.includes(\"https://www.holdendata.com/\")) {\r\n        gtag(\"event\", \"conversion\", { send_to: \"AW-11335422054/ry3sCOGp7fYYEOagk50q\" });\r\n      }\r\n    });\r\n    this.webinercookies();\r\n    //  this.getNewsList(2);\r\n    // 在组件创建时加载Google代码\r\n  },\r\n  mounted() {\r\n    //调用方法\r\n    this.slideBanner();\r\n  },\r\n  components: {\r\n    vueSeamlessScroll,\r\n    Carrousel,\r\n    Carrouselmobile,\r\n    AsiaMap\r\n  },\r\n  methods: {\r\n    toPath(path) {\r\n      this.$router.push({\r\n        path\r\n      });\r\n    },\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    submitForm(formName) {\r\n      let _this = this;\r\n      // 数据写入表单\r\n      _this.$refs[formName].validate(valid => {\r\n        if (valid) {\r\n          _this.ruleForm.fullName = _this.ruleForm.firstname + \" \" + _this.ruleForm.lastname;\r\n          let ruleForm = {\r\n            action: \"News\",\r\n            actionCase: \"Readnews\",\r\n            firstName: _this.ruleForm.firstname,\r\n            fullName: _this.ruleForm.fullName,\r\n            mail: _this.ruleForm.mail,\r\n            company: _this.ruleForm.company\r\n          };\r\n          //   console.log(this.ruleForm);\r\n          localStorage.setItem(\"form\", JSON.stringify(this.ruleForm));\r\n          var form = JSON.parse(localStorage.getItem(\"form\"));\r\n          form.targetName = this.submitTitle;\r\n          console.log(form);\r\n          // 提交表单数据\r\n          actionRecords(form).then(res => {\r\n            // console.log(form);\r\n            // 如果没有cookie\r\n            // 提交成功\r\n            if (res.code == 10000) {\r\n              // 关闭弹框\r\n              this.DialogShow = false;\r\n              // 如果是同意或者没点，存入cookie\r\n              if (localStorage.getItem(\"agreeCookies\")) {\r\n                var val = localStorage.getItem(\"agreeCookies\");\r\n                var dataobj = JSON.parse(val);\r\n                if (dataobj.val == \"agree\") {\r\n                  this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n                }\r\n              } else if (this.$cookies.isKey(\"defaultcookies\")) {\r\n                this.$cookies.set(\"HoldenCookies\", \"panelDownloads\");\r\n              }\r\n              // 跳转查看详情\r\n              this.$router.push({ name: \"newsDetail\", query: { id: this.submitId, source: \"index\" } });\r\n            }\r\n          });\r\n        } else {\r\n          console.log(\"error submit!!\");\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    /*轮播手滑切换*/\r\n    startAuto() {\r\n      if (this.autoplay == false) {\r\n        this.autoplay = true;\r\n      }\r\n    },\r\n    stopAuto() {\r\n      if (this.autoplay == true) {\r\n        this.autoplay = false;\r\n      }\r\n    },\r\n    slideBanner() {\r\n      let that = this;\r\n      //选中item的盒子\r\n      var box = document.querySelector(\".el-carousel__container\");\r\n      //手指起点X坐标\r\n      var startPoint = 0;\r\n      //手指滑动重点X坐标\r\n      var stopPoint = 0;\r\n\r\n      //重置坐标\r\n      var resetPoint = function() {\r\n        startPoint = 0;\r\n        stopPoint = 0;\r\n      };\r\n\r\n      //手指按下\r\n      box.addEventListener(\"touchstart\", function(e) {\r\n        //手指按下的时候停止自动轮播\r\n        that.stopAuto();\r\n        //手指点击位置的X坐标\r\n        startPoint = e.changedTouches[0].pageX;\r\n      });\r\n      //手指滑动\r\n      box.addEventListener(\"touchmove\", function(e) {\r\n        //手指滑动后终点位置X的坐标\r\n        stopPoint = e.changedTouches[0].pageX;\r\n      });\r\n      //当手指抬起的时候，判断图片滚动离左右的距离\r\n      box.addEventListener(\"touchend\", function(e) {\r\n        console.log(e);\r\n        console.log(\"1：\" + startPoint);\r\n        console.log(\"2：\" + stopPoint);\r\n        if (stopPoint == 0 || startPoint - stopPoint == 0) {\r\n          resetPoint();\r\n          return;\r\n        }\r\n        if (startPoint - stopPoint > 0) {\r\n          resetPoint();\r\n          that.$refs.carousel.next();\r\n          return;\r\n        }\r\n        if (startPoint - stopPoint < 0) {\r\n          resetPoint();\r\n          that.$refs.carousel.prev();\r\n          return;\r\n        }\r\n      });\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    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: \"index\",\r\n          source: \"\",\r\n          information: \"首页\"\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: \"index\",\r\n          source: this.$route.query.source,\r\n          information: \"首页\"\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    getCustomerList() {\r\n      getCustomerList({\r\n        pageSize: 4,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1, //前台\r\n        isRecommend: 1, //是否推荐\r\n        customerType: 1\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"查询案例分享失败\");\r\n          return;\r\n        }\r\n        this.caseList = res.datalist || [];\r\n        this.allCount = res.allCount;\r\n      });\r\n    },\r\n    btn(path) {\r\n      this.$router.push({\r\n        path\r\n      });\r\n    },\r\n    show(num) {\r\n      this.isShow = num;\r\n    },\r\n    toDetailcase(id) {\r\n      this.$router.push({ name: \"caseDetail\", query: { id: id } });\r\n    },\r\n    toDetail(id, subscribe, newsTitle) {\r\n      if (subscribe == 1 && !this.$cookies.isKey(\"HoldenCookies\")) {\r\n        this.submitId = id;\r\n        this.DialogShow = true;\r\n        this.submitTitle = newsTitle;\r\n      }\r\n      // 如果需要权限并且没有cookie\r\n      else {\r\n        this.$router.push({ name: \"newsDetail\", query: { id: id, source: \"index\" } });\r\n      }\r\n    },\r\n    getNewsList() {\r\n      getNewsList({\r\n        pageSize: 0,\r\n        pageIndex: 1,\r\n        status: 1, //启用\r\n        origin: 1 //前台\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"Failed to query news information\");\r\n          return;\r\n        } else {\r\n          this.newsList = res.datalist.filter(k => k.topFlag != 1);\r\n          this.topNews = res.datalist.filter(k => k.topFlag == 1);\r\n        }\r\n      });\r\n    }\r\n    // eslint-disable-next-line no-unused-vars\r\n    // format(percentage) {}\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.calendar {\r\n  background-color: #fff;\r\n  padding: 0px 80px;\r\n}\r\n\r\n.quotevalue {\r\n  font-size: 25px;\r\n}\r\n.top {\r\n  /deep/.el-carousel {\r\n    height: 590px;\r\n\r\n    .el-carousel__container {\r\n      height: 590px;\r\n    }\r\n  }\r\n  .el-carousel__item h3 {\r\n    color: #475669;\r\n    font-size: 36px;\r\n    opacity: 0.75;\r\n    line-height: 300px;\r\n    margin: 0;\r\n  }\r\n\r\n  .el-carousel__item:nth-child(2n) {\r\n    background-color: #fff;\r\n  }\r\n\r\n  .el-carousel__item:nth-child(2n + 1) {\r\n    background-color: #fff;\r\n  }\r\n}\r\n.banner {\r\n  width: 100%;\r\n  height: 100%;\r\n  // background-color: pink;\r\n  position: relative;\r\n  .pc {\r\n    color: #fff;\r\n    border: none;\r\n    font-size: 30px;\r\n    background-color: #2cb1e9;\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n  }\r\n  img {\r\n    width: 100%;\r\n  }\r\n  .value {\r\n    position: absolute;\r\n    top: 15%;\r\n    right: 7%;\r\n    width: 40%;\r\n    text-align: center;\r\n    font-size: 60px;\r\n    font-weight: 700;\r\n    color: #003c50;\r\n    text-shadow: 1px 1px #000;\r\n  }\r\n  .value_appa {\r\n    width: 100%;\r\n    top: 25%;\r\n    right: 0;\r\n    background-color: rgba(255, 255, 255, 0.8);\r\n    padding: 80px 0;\r\n  }\r\n  .appa_logo {\r\n    position: absolute;\r\n    width: 360px;\r\n    height: 360px;\r\n    // background-color:#2cb1e9;\r\n    background: linear-gradient(#05466b, #68c5ec);\r\n    right: -30px;\r\n    top: -120px;\r\n    border-radius: 50%;\r\n    box-shadow: 1px 2px 20px #ccc;\r\n    img {\r\n      width: 250px;\r\n      margin-top: 170px;\r\n      margin-left: 40px;\r\n    }\r\n  }\r\n  .value_eada {\r\n    background-color: rgba(75, 67, 67, 0.5);\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0px;\r\n    padding-left: 100px;\r\n    padding-top: 100px;\r\n    color: #fff;\r\n    // width: 50%;\r\n    top: 0;\r\n    text-align: left;\r\n    font-size: 40px;\r\n    .eada_logo {\r\n      font-family: \"Cooper Black\";\r\n      font-size: 100px;\r\n      img {\r\n        width: 350px;\r\n      }\r\n    }\r\n    .banner_button {\r\n      font-size: 25px;\r\n      border: none;\r\n      color: #fff;\r\n      background-color: rgba(255, 255, 255, 0.5);\r\n      padding: 10px;\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n  .value_intell{\r\n     color: #fff;\r\n     font-size: 25px;\r\n     left: 15%;\r\n     top: 85%;\r\n     cursor: pointer;\r\n  }\r\n  .quirks_left {\r\n    position: absolute;\r\n    top: 10%;\r\n    left: 5%;\r\n    width: 40%;\r\n    text-align: center;\r\n    img {\r\n      width: 60%;\r\n    }\r\n  }\r\n  .quirks_right {\r\n    position: absolute;\r\n    top: 30%;\r\n    right: 7%;\r\n    width: 50%;\r\n    text-align: center;\r\n    img {\r\n      width: 100%;\r\n    }\r\n    .quirks_button {\r\n      background-color: #2cb1e9;\r\n      color: #fff;\r\n      font-size: 30px;\r\n      background-color: #2cb1e9;\r\n      border: 1px solid #2cb1e9;\r\n      border-radius: 5px;\r\n      margin-top: 10%;\r\n      padding: 10px 20px;\r\n      font-weight: 700;\r\n    }\r\n  }\r\n}\r\n.index {\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/aboutUs/bg.jpg\");\r\n  background-attachment: fixed;\r\n  background-size: cover;\r\n}\r\n\r\n.titleLine {\r\n  background-color: #fff;\r\n  font-weight: 700;\r\n  .title {\r\n    font-size: 40px;\r\n  }\r\n  .value {\r\n    color: #86898d;\r\n    font-size: 20px;\r\n    padding: 0 200px;\r\n  }\r\n  img {\r\n    width: 250px;\r\n  }\r\n  text-align: center;\r\n  // margin: 1rem auto;\r\n  padding: 80px 80px 40px;\r\n}\r\n.Experience {\r\n  // background-color: rgba(255, 255, 255, 0.3);\r\n  // color: #fff;\r\n  padding: 100px 0 50px 0;\r\n  .value {\r\n    // color: #fff;\r\n  }\r\n}\r\n.Clients {\r\n  height: 400px;\r\n  background-color: rgba(255, 255, 255, 0.7);\r\n  text-align: center;\r\n  padding-top: 80px;\r\n  .text {\r\n    .title {\r\n      // padding: 100px 100px 0 100px;\r\n\r\n      font-size: 35px;\r\n      font-weight: 700;\r\n      color: #003c50;\r\n    }\r\n    .value {\r\n      color: rgb(110, 105, 105);\r\n      font-size: 23px;\r\n      text-align: center;\r\n      vertical-align: center;\r\n      padding: 50px;\r\n      padding-bottom: 10px;\r\n      font-weight: 700;\r\n      .says {\r\n        margin: 0 auto;\r\n        width: 85%;\r\n      }\r\n    }\r\n  }\r\n}\r\n.message {\r\n  background-color: #fff;\r\n  padding: 0 120px;\r\n  text-align: center;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n  .box {\r\n    cursor: pointer;\r\n    background-color: #2cb1e9;\r\n    width: 22%;\r\n    height: 300px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    img {\r\n      width: 100px;\r\n      margin-bottom: 50px;\r\n    }\r\n    .value {\r\n      font-size: 30px;\r\n      color: #fff;\r\n      font-weight: 700;\r\n    }\r\n  }\r\n  .box:hover {\r\n    background-color: #6cdf89;\r\n  }\r\n}\r\n.things {\r\n  background-color: #fff;\r\n  padding: 0 120px;\r\n  display: flex;\r\n  text-align: center;\r\n  // justify-content: space-around;\r\n  .left,\r\n  .right {\r\n    font-size: 27px;\r\n    font-weight: 700;\r\n    color: #2cb1e9;\r\n    width: 45%;\r\n    margin: 2.5%;\r\n    height: 200px;\r\n    display: flex;\r\n    flex-direction: column-reverse;\r\n    justify-content: space-between;\r\n  }\r\n  .img {\r\n    vertical-align: middle;\r\n    // line-height: 200px;\r\n    margin-top: 30px;\r\n  }\r\n  img {\r\n    vertical-align: middle;\r\n\r\n    // width: 27%;\r\n    margin: 3%;\r\n    margin-top: 20px;\r\n    width: 250px;\r\n  }\r\n}\r\n.doctors {\r\n  background-color: #fff;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  padding: 0px 120px 80px 120px;\r\n  .three {\r\n    text-align: center;\r\n    width: 23%;\r\n    // border: 1px solid #d5dbe5;\r\n    //   box-shadow: 4px 4px 4px 0 #d5dbe5;\r\n    //   border-radius: 8px;\r\n\r\n    padding: 15px;\r\n    img {\r\n      width: 100%;\r\n      border-radius: 50%;\r\n      margin-bottom: 20px;\r\n    }\r\n    .doctorName {\r\n      font-size: 25px;\r\n      font-weight: 700;\r\n      color: #2cb1e9;\r\n      padding: 5px 0;\r\n    }\r\n    .doctorValue {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n}\r\n.experience {\r\n  background-color: #f4f4f4;\r\n  padding: 0 120px 100px;\r\n  .data {\r\n    display: flex;\r\n    text-align: center;\r\n    padding: 70px 50px;\r\n    .box {\r\n      width: 20%;\r\n      .num {\r\n        font-size: 30px;\r\n        font-weight: 700;\r\n        color: #2cb1e9;\r\n      }\r\n      .detatil {\r\n        color: #86898d;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  img {\r\n    height: 600px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n  // background-color: rgba(255, 255, 255, 0.3);\r\n  // display: flex;\r\n  // padding: 50px 120px;\r\n  // justify-content: space-around;\r\n  // .box {\r\n  //   width: 23%;\r\n  //   text-align: center;\r\n  //   color: #fff;\r\n  //   .num,\r\n  //   .text {\r\n  //     font-size: 23px;\r\n  //     font-weight: 700;\r\n  //   }\r\n  // }\r\n  // @media screen and (max-width: 576px) {\r\n  //   .two {\r\n  //     width: 80%;\r\n  //     margin: 5% 10%;\r\n  //   }\r\n  //   .box {\r\n  //     .num,\r\n  //     .text {\r\n  //       font-size: 40px;\r\n  //     }\r\n  //   }\r\n  // }\r\n}\r\n.container {\r\n}\r\n\r\n.solutions {\r\n  background-color: #fff;\r\n  padding: 0 120px;\r\n  i {\r\n    color: #2cb1e9;\r\n    font-size: 40px;\r\n  }\r\n  .title {\r\n    font-size: 40px;\r\n    font-weight: 700;\r\n    color: #0cb4ec;\r\n  }\r\n  .solutionstext {\r\n    font-size: 23px;\r\n    margin-bottom: 10px;\r\n  }\r\n  .value {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding-top: 50px;\r\n    .solutionsImg {\r\n      // text-align: center;\r\n      width: 35%;\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n    .solutionsValue {\r\n      .text {\r\n        span {\r\n          font-weight: 700;\r\n        }\r\n        div {\r\n        }\r\n      }\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      width: 65%;\r\n      margin-left: 30px;\r\n      .oneBox {\r\n        width: 50%;\r\n        padding-left: 20px;\r\n        border-right: 1px solid #d5dbe5;\r\n        border-bottom: 1px solid #d5dbe5;\r\n      }\r\n      .twoBox {\r\n        width: 50%;\r\n        padding-left: 20px;\r\n        border-left: 1px solid #d5dbe5;\r\n        border-bottom: 1px solid #d5dbe5;\r\n      }\r\n      .threeBox {\r\n        width: 50%;\r\n        padding-left: 20px;\r\n        border-right: 1px solid #d5dbe5;\r\n        border-top: 1px solid #d5dbe5;\r\n      }\r\n      .fourBox {\r\n        width: 50%;\r\n        padding-left: 20px;\r\n        border-left: 1px solid #d5dbe5;\r\n        border-top: 1px solid #d5dbe5;\r\n      }\r\n      .text {\r\n        span {\r\n          color: #108abe;\r\n        }\r\n        div {\r\n          margin-top: 14px;\r\n        }\r\n      }\r\n      font-size: 23px;\r\n    }\r\n  }\r\n}\r\n\r\n.products {\r\n  background-color: #fff;\r\n  .menu {\r\n    display: flex;\r\n    justify-content: center;\r\n    border-bottom: 1px solid #bebebe;\r\n    .icon {\r\n      width: 150px;\r\n      height: 120px;\r\n      text-align: center;\r\n      // line-height: 90px;\r\n      // border: 1px solid #000;\r\n      i {\r\n        font-size: 40px;\r\n        margin-top: 25px;\r\n      }\r\n    }\r\n    .bg {\r\n      color: #2cb1e9;\r\n      //background-color: #2cb1e9;\r\n    }\r\n  }\r\n  .productsValue {\r\n    // background-image: url(\"~@/assets/img/holdenanswer.png\");\r\n    // background-size: cover;\r\n    .holdenanswer {\r\n      display: flex;\r\n      // align-items: center;\r\n      img {\r\n        width: 500px;\r\n        margin-left: 10px;\r\n        margin-top: 50px;\r\n      }\r\n    }\r\n    .apiimg {\r\n      display: flex;\r\n      // align-items: center;\r\n      img {\r\n        width: 400px;\r\n        margin-left: 20px;\r\n        margin-top: 40px;\r\n      }\r\n    }\r\n    .api {\r\n      margin-bottom: 20px;\r\n      justify-content: space-between;\r\n      .apileft {\r\n        width: 35%;\r\n      }\r\n      .apiright {\r\n        width: 65%;\r\n      }\r\n    }\r\n    .two,\r\n    .three,\r\n    .four {\r\n      padding: 30px 120px;\r\n      .title {\r\n        margin-bottom: 20px;\r\n        font-size: 25px;\r\n        font-weight: 700;\r\n        text-align: center;\r\n        color: #86898d;\r\n        // text-shadow: 1px 1px #000;\r\n      }\r\n      .value {\r\n        font-size: 18px;\r\n      }\r\n      .button {\r\n        text-align: center;\r\n        margin-top: 20px;\r\n\r\n        .el-button {\r\n          font-size: 20px;\r\n          background-color: #2cb1e9;\r\n          border: 1px solid #2cb1e9;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.SurveyPanda {\r\n  display: flex;\r\n  padding: 80px 120px 40px;\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: 18px;\r\n    }\r\n  }\r\n  .img {\r\n    width: 55%;\r\n    position: relative;\r\n    img {\r\n      width: 95%;\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: 300px;\r\n      background-color: #d0e3ea;\r\n      position: absolute;\r\n      left: -20px;\r\n      top: 90px;\r\n    }\r\n  }\r\n}\r\n.news {\r\n  background-color: #fff;\r\n  padding: 0 120px;\r\n  font-size: 18px;\r\n  position: relative;\r\n  .more {\r\n    // width: 160px;\r\n    padding: 0 20px;\r\n    font-size: 16px;\r\n    color: #409eff;\r\n    background-color: #ecf5ff;\r\n    border: 1px solid #409eff;\r\n    border-radius: 8px;\r\n    text-align: center;\r\n    position: absolute;\r\n    left: 120px;\r\n    bottom: 30px;\r\n  }\r\n  .more:hover {\r\n    cursor: pointer;\r\n    color: #2cb1e9;\r\n  }\r\n  .newsList {\r\n    // text-align: center;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    // flex-wrap: wrap;\r\n    .topnews {\r\n      width: 50%;\r\n      height: 100%;\r\n      .topNews {\r\n        border: 1px solid #d5dbe5;\r\n        border-radius: 8px;\r\n        box-shadow: 4px 4px 4px 0 #d5dbe5;\r\n        padding: 14px;\r\n        cursor: pointer;\r\n\r\n        img {\r\n          width: 100%;\r\n        }\r\n        .title {\r\n          // margin-top: 10px;\r\n          font-weight: 700;\r\n        }\r\n        .label {\r\n          margin: 15px 10px 0 0;\r\n          font-size: 12px;\r\n          display: inline-block;\r\n          padding: 0.7px 7.5px 2px;\r\n          background: #e8f2ff;\r\n          border-radius: 4px;\r\n          color: #2186c8;\r\n        }\r\n        .newsDesc {\r\n          margin-top: 20px;\r\n        }\r\n      }\r\n    }\r\n    .notopnews {\r\n      width: 47%;\r\n    }\r\n    .one {\r\n      display: flex;\r\n      cursor: pointer;\r\n      padding: 14px;\r\n      width: 100%;\r\n      margin: 0px auto 20px;\r\n      border: 1px solid #d5dbe5;\r\n      border-radius: 8px;\r\n      box-shadow: 4px 4px 4px 0 #d5dbe5;\r\n      img {\r\n        width: 300px;\r\n        height: 170px;\r\n      }\r\n      .title {\r\n        margin-left: 10px;\r\n      }\r\n      .label {\r\n        margin-left: 10px;\r\n        font-size: 12px;\r\n        display: inline-block;\r\n        padding: 0.7px 7.5px 2px;\r\n        background: #e8f2ff;\r\n        border-radius: 4px;\r\n        color: #2186c8;\r\n      }\r\n    }\r\n    .two {\r\n      width: 40%;\r\n    }\r\n  }\r\n}\r\n.check {\r\n  margin-right: 10px;\r\n}\r\n.from {\r\n  // width: 60%;\r\n  // margin: 80px auto;\r\n  // padding: 30px;\r\n  // transform: scale(1.3);\r\n  padding-top: 0px;\r\n  .formtitle {\r\n    text-align: center;\r\n    font-weight: 700;\r\n    font-size: 25px;\r\n    color: #ff0000;\r\n  }\r\n  @media screen and (max-width: 570px) {\r\n    .formtitle {\r\n      font-size: 45px;\r\n    }\r\n  }\r\n  .el-form {\r\n    // display: flex;\r\n    // flex-wrap: wrap;\r\n    // justify-content: space-between;\r\n    padding: 10px;\r\n    /deep/ .el-form-item {\r\n      display: inline-block;\r\n      display: flex;\r\n      // flex-wrap: wrap;\r\n      justify-content: start;\r\n      &:nth-child() {\r\n        .el-form-item__label {\r\n          // margin-left: 7px;\r\n        }\r\n      }\r\n      &:not(.text) {\r\n        // width: 50%;\r\n      }\r\n      &.text {\r\n        width: 100%;\r\n      }\r\n      .el-form-item__content {\r\n        font-size: 11px;\r\n        line-height: 20px;\r\n        flex: 1;\r\n        .el-input {\r\n          width: 238px !important;\r\n        }\r\n      }\r\n\r\n      .el-form-item__label {\r\n        width: 125px;\r\n        font-size: 15px;\r\n        display: block;\r\n        font-weight: normal;\r\n      }\r\n      .el-textarea__inner {\r\n        min-height: 104px !important;\r\n      }\r\n      .el-input__inner,\r\n      .el-textarea__inner {\r\n        background: #fafafa;\r\n        border: 1px solid #e6e6e6;\r\n        border-radius: 7px;\r\n        font-size: 15px;\r\n        width: 390px;\r\n      }\r\n      @media screen and (max-width: 576px) {\r\n        .el-input__inner {\r\n          font-size: 35px;\r\n          width: 700px;\r\n          height: 80px;\r\n        }\r\n        .el-form-item__label {\r\n          font-size: 35px;\r\n          width: 250px;\r\n        }\r\n        .el-form-item__content {\r\n          font-size: 30px;\r\n          line-height: 40px;\r\n        }\r\n      }\r\n      .el-form-item__error {\r\n        font-size: 12px !important;\r\n      }\r\n    }\r\n  }\r\n  & > * {\r\n    margin: 20px;\r\n  }\r\n  div {\r\n    margin-top: 12px;\r\n  }\r\n  .button {\r\n    margin: 0 auto;\r\n    margin-top: 20px;\r\n    background: #217df6;\r\n    font-size: 13px;\r\n    color: #fff;\r\n    border-radius: 7px;\r\n    text-align: center;\r\n    width: 150px;\r\n    padding: 10px;\r\n    // height: 34px;\r\n    // line-height: 34px;\r\n    cursor: pointer;\r\n  }\r\n  @media screen and (max-width: 576px) {\r\n    .button {\r\n      font-size: 35px;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .quotevalue {\r\n    font-size: 80px;\r\n  }\r\n  .top {\r\n    /deep/.el-carousel {\r\n      height: 1800px;\r\n\r\n      .el-carousel__container {\r\n        height: 1800px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .banner {\r\n    .value {\r\n      width: 85%;\r\n      font-size: 140px;\r\n      button {\r\n        font-size: 80px;\r\n        margin: 0 auto;\r\n        margin-top: 150px;\r\n        padding: 30px;\r\n        background-color: #2cb1e9;\r\n        color: #fff;\r\n        border: none;\r\n      }\r\n    }\r\n    .readmore {\r\n      top: 70%;\r\n    }\r\n\r\n    .imgBg {\r\n      img {\r\n        height: 1800px;\r\n        width: auto;\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n      }\r\n    }\r\n    .eada_imgBg {\r\n      img {\r\n        right: -1400px;\r\n      }\r\n    }\r\n    .value_appa {\r\n      width: 100%;\r\n      top: 20%;\r\n    }\r\n    .appa_logo {\r\n      width: 500px;\r\n      height: 500px;\r\n\r\n      img {\r\n        width: 400px;\r\n        height: auto;\r\n        margin-top: 200px;\r\n      }\r\n    }\r\n    .value_eada {\r\n      width: 100%;\r\n      padding-top: 300px;\r\n      padding-left: 130px;\r\n      .eada_logo {\r\n        img {\r\n          width: 800px;\r\n        }\r\n      }\r\n      .banner_button {\r\n        font-size: 70px;\r\n        padding: 10px 30px;\r\n      }\r\n    }\r\n    .value_intell{\r\n      background-color: rgba(255, 255, 255, 0.5);\r\n      font-size: 85px;\r\n      width: 800px;\r\n      padding: 50px;\r\n      left: 5%;\r\n      top: 65%;\r\n    }\r\n    .quirks_left {\r\n      width: 80%;\r\n      left: 10%;\r\n      top: 5%;\r\n    }\r\n    .quirks_right {\r\n      top: 65%;\r\n      right: 5%;\r\n      width: 88%;\r\n      .quirks_button {\r\n        font-size: 75px;\r\n        margin-top: 5%;\r\n      }\r\n    }\r\n  }\r\n  .Clients {\r\n    height: 900px;\r\n    .text {\r\n      .title {\r\n        font-size: 70px;\r\n      }\r\n      .value {\r\n        font-size: 55px;\r\n      }\r\n    }\r\n    /deep/.el-carousel {\r\n      height: 600px;\r\n\r\n      .el-carousel__container {\r\n        height: 600px;\r\n      }\r\n    }\r\n  }\r\n  .titleLine {\r\n    padding: 120px;\r\n    .title {\r\n      font-size: 80px;\r\n    }\r\n    img {\r\n      width: 500px;\r\n    }\r\n    .value {\r\n      font-size: 40px;\r\n    }\r\n  }\r\n  .message {\r\n    .box {\r\n      width: 100%;\r\n      margin-bottom: 150px;\r\n      height: 900px;\r\n      img {\r\n        width: 400px;\r\n      }\r\n      .value {\r\n        font-size: 70px;\r\n      }\r\n    }\r\n  }\r\n  .solutions {\r\n    .solutionstext {\r\n      font-size: 70px;\r\n    }\r\n    .annotation {\r\n      font-size: 23px;\r\n    }\r\n    .title {\r\n      font-size: 60px;\r\n    }\r\n    .value {\r\n      display: block;\r\n      .solutionsValue {\r\n        width: 100%;\r\n        .solutionbox {\r\n          padding: 20px;\r\n          // width: 100%;\r\n        }\r\n\r\n        .text {\r\n          span {\r\n            font-size: 70px;\r\n          }\r\n          div {\r\n            font-size: 70px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  i {\r\n    font-size: 100px;\r\n  }\r\n  .things {\r\n    .left,\r\n    .right {\r\n      font-size: 65px;\r\n      height: 500px;\r\n    }\r\n    .title {\r\n      font-size: 60px;\r\n    }\r\n    .value {\r\n      font-size: 40px;\r\n      .d-block {\r\n        display: inline-block !important;\r\n      }\r\n      .left,\r\n      .right {\r\n        width: 100%;\r\n        div {\r\n          margin-top: 40px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .experience {\r\n    padding: 0 50px 100px;\r\n    .data {\r\n      padding: 50px 0;\r\n      .box {\r\n        .num {\r\n          font-size: 50px;\r\n        }\r\n        .detatil {\r\n          font-size: 25px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .products {\r\n    .menu {\r\n      .icon {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 350px;\r\n        height: 230px;\r\n        font-size: 40px;\r\n        i {\r\n          font-size: 80px;\r\n          width: 100%;\r\n        }\r\n      }\r\n    }\r\n    .productsValue {\r\n      .holdenanswer {\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 100%;\r\n          margin-bottom: 30px;\r\n        }\r\n      }\r\n      .apiimg {\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 100%;\r\n        }\r\n      }\r\n      .api {\r\n        flex-wrap: wrap;\r\n        .apileft {\r\n          width: 100%;\r\n        }\r\n        .apiright {\r\n          width: 100%;\r\n        }\r\n      }\r\n      .two,\r\n      .three,\r\n      .four {\r\n        .title {\r\n          font-size: 80px;\r\n        }\r\n        .value {\r\n          font-size: 70px;\r\n        }\r\n        .button {\r\n          .el-button {\r\n            font-size: 70px;\r\n            padding: 30px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .SurveyPanda {\r\n    display: block;\r\n    position: relative;\r\n    padding-top: 600px;\r\n    .img {\r\n      position: absolute;\r\n      top: 100px;\r\n      width: 80%;\r\n    }\r\n    .text {\r\n      width: 90%;\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  .doctors {\r\n    .three {\r\n      width: 47%;\r\n      padding: 20px;\r\n      margin-bottom: 50px;\r\n      .doctorName {\r\n        font-size: 50px;\r\n      }\r\n      .doctorValue {\r\n        font-size: 40px;\r\n      }\r\n    }\r\n  }\r\n  .news {\r\n    padding-bottom: 100px;\r\n    .more {\r\n      font-size: 40px;\r\n      bottom: 10px;\r\n    }\r\n    .newsList {\r\n      display: block;\r\n      .topnews {\r\n        width: 100%;\r\n        .topNews {\r\n          .title {\r\n            font-size: 70px;\r\n          }\r\n          .label {\r\n            font-size: 50px;\r\n            margin-bottom: 10px;\r\n          }\r\n          .newsDesc {\r\n            font-size: 60px;\r\n          }\r\n        }\r\n      }\r\n      .notopnews {\r\n        width: 100%;\r\n      }\r\n      .one {\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 100%;\r\n          height: 800px;\r\n        }\r\n        .label {\r\n          font-size: 50px;\r\n          margin-bottom: 10px;\r\n        }\r\n        .title {\r\n          font-size: 70px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  /deep/ .el-dialog__wrapper {\r\n    .el-dialog {\r\n      width: 100% !important;\r\n      .el-dialog__footer {\r\n        .el-button {\r\n          font-size: 70px;\r\n          padding: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=37c023d7&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=37c023d7&lang=scss&scoped=true&\"\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  \"37c023d7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}