{"version":3,"sources":["webpack:///./src/views/Index.vue?e10f","webpack:///./src/views/Index.vue?42f5","webpack:///./src/components/newsList.vue?5af6","webpack:///src/components/newsList.vue","webpack:///./src/components/newsList.vue?32da","webpack:///./src/components/newsList.vue","webpack:///src/views/Index.vue","webpack:///./src/views/Index.vue?b8ab","webpack:///./src/views/Index.vue","webpack:///./src/components/newsList.vue?86fc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","on","$event","$router","push","class","menubg","products","staticStyle","_v","_e","toPath","DialogShow","ref","ruleForm","rules","model","value","callback","$$v","$set","expression","directives","name","rawName","domProps","Array","isArray","check","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","slot","submitForm","staticRenderFns","_l","topNews","item","index","key","toDetail","id","subscribe","newsTitle","logo","_s","firstLabel","othersLabel","split","label","newsDesc","btn","newsList","defaultForm","action","actionCase","targetName","mail","firstname","lastname","company","data","slides","required","message","trigger","type","notNextTick","swiperOption","autoplay","slidesPerView","direction","grabCursor","setWrapperSize","loop","autoHeight","paginationClickable","initialSlide","prevButton","nextButton","mousewheelControl","observeParents","debugger","onTransitionStart","console","created","methods","getNewsList","pageSize","pageIndex","status","origin","then","res","query","source","component","caseList","slide","sliding","isShow","activeIndex","computed","swiper","script","document","dataLayer","window","gtag","send_to","mounted","components","vueSeamlessScroll","Carrousel","Carrouselmobile","AsiaMap","NewsList","path","webinercookies","localStorage","_this","firstName","fullName","form","actionRecords","startAuto","stopAuto","slideBanner","startPoint","stopPoint","box","that","resetPoint","loading","lock","background","setTimeout","advertisementFlow","information","getCustomerList","isRecommend","customerType","show","toDetailcase"],"mappings":"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","file":"static/js/chunk-c155037c.96e13ac6.js","sourcesContent":["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=75238841&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=75238841&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bg\"},[_vm._m(0),_c('el-carousel',{attrs:{\"interval\":4000,\"type\":\"card\",\"indicator-position\":\"none\"}},[_c('el-carousel-item',[_c('a',{attrs:{\"href\":\"https://www.holdendata.com/equote?source=homepage\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Banner_2.png\"}})])]),_c('el-carousel-item',[_c('a',{attrs:{\"href\":\"http://appa360.com/?source=holdendataHomePage\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Banner_3.png\"}})])]),_c('el-carousel-item',[_c('a',{attrs:{\"href\":\"https://www.holdenjapan.com/\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Banner_5.png\"}})])])],1),_vm._m(1),_c('div',{staticClass:\"services\"},[_c('div',{staticClass:\"servicesBox\"},[_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/qual?source=index')}}},[_vm._m(2),_vm._m(3)])]),_c('div',{staticClass:\"servicesBox\"},[_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/quant?source=index')}}},[_vm._m(4),_vm._m(5)])]),_c('div',{staticClass:\"servicesBox\"},[_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/industry?source=index')}}},[_vm._m(6),_vm._m(7)])]),_c('div',{staticClass:\"servicesBox\"},[_c('div',{staticClass:\"box\",on:{\"click\":function($event){return _vm.$router.push('/specialist?source=index')}}},[_vm._m(8),_vm._m(9)])])]),_vm._m(10),_c('asia-map'),_vm._m(11),_c('div',{staticClass:\"products\"},[_c('div',{staticClass:\"menu\"},[_c('div',{staticClass:\"icon equote\",class:{menubg:_vm.products==1},on:{\"mouseover\":function($event){_vm.products=1}}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_1.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"icon\",class:{menubg:_vm.products==2},on:{\"mouseover\":function($event){_vm.products=2}}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_2.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"icon\",class:{menubg:_vm.products==3},on:{\"mouseover\":function($event){_vm.products=3}}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_3.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"icon\",class:{menubg:_vm.products==5},on:{\"mouseover\":function($event){_vm.products=5}}},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_4.png\",\"alt\":\"\"}})])]),_c('div',{staticClass:\"productsValue\"},[(_vm.products==1)?_c('div',{staticClass:\"one\"},[_c('div',{staticClass:\"introduce\"},[_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_vm._m(12),_vm._m(13),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"eQuoteValue\"},[_vm._v(\" eQuote is Holden's proprietary AI tool for instant ballpark costing for conducting fieldwork\"),_c('br'),_vm._v(\"Anyone, once you register with us, Register with us \"),_c('span',{staticClass:\"redHighLight here\",on:{\"click\":function($event){return _vm.$router.push('/equote?source=index')}}},[_vm._v(\"HERE\")])])])])])])]):_vm._e(),(_vm.products==2)?_c('div',{staticClass:\"two\"},[_c('div',{staticClass:\"introduce\"},[_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_vm._m(14),_vm._m(15),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"holdenAnswerValue\"},[_vm._m(16),_c('div',{staticClass:\"holdenAnswerTwo\"},[_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. \")]),_c('div',{staticClass:\"holdenAnswerThree\"},[_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.Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, Holden Answer is here to provide you with intelligent and interactive assistance. \")]),_c('div',{staticClass:\"holdenAnswerButton\"},[_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._e(),(_vm.products==3)?_c('div',{staticClass:\"three\"},[_c('div',{staticClass:\"introduce\"},[_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_vm._m(17),_vm._m(18),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"APIvalue\"},[_vm._m(19),_vm._m(20),_vm._m(21),_vm._m(22),_vm._m(23),_c('div',{staticClass:\"apibutton\"},[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.toPath('/contact?source=products')}}},[_vm._v(\"Contact Us\")])],1)])])])])])]):_vm._e(),(_vm.products==5)?_c('div',{staticClass:\"five\"},[_vm._m(24)]):_vm._e()])]),_vm._m(25),_vm._m(26),_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)]),_c('news-list')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"top\"},[_c('div',{staticClass:\"bigTitle\"},[_vm._v(\" We are your \"),_c('span',{staticClass:\"blueHighLight\"},[_vm._v(\"Research Team\")]),_vm._v(\" \"),_c('br'),_vm._v(\"on the Ground in Asia \")]),_c('div',{staticClass:\"subtitle\"},[_vm._v(\" Holden can guide you to \"),_c('span',{staticClass:\"redHighLight\"},[_vm._v(\"success\")])])])},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 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"frontimg\"},[_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:\"backimg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Qualatitive_Back.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"frontimg\"},[_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:\"backimg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Quantitative_Back.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"frontimg\"},[_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:\"backimg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Industry_Back.png\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"frontimg\"},[_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:\"backimg\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Specialist_Back.png\"}})])},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(\" Market Expertise \")])])},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 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/eQuote.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"eQuote\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"eQuote is Holden's proprietary AI tool \"),_c('br'),_vm._v(\"for instant ballpark costing for conducting fieldwork\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/holdenAnswer.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Holden Answer\")]),_c('div',{staticClass:\"value\"},[_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:\"holdenAnswerOne\"},[_c('span',{staticClass:\"redHighLight\"},[_vm._v(\"Holden Answer\")]),_vm._v(\" is an \"),_c('span',{staticClass:\"blueHighLight\"},[_vm._v(\"interactive, Al-enabled interface\")]),_vm._v(\" for market researchers in the healthcare industry. \")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/API.png\",\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"API\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"apitop\"},[_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',{staticClass:\"apibottom\"},[_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:\"introduce\"},[_c('div',{staticClass:\"introduceBox\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('div',{staticClass:\"introduceIMG\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/surveyPanda.png\",\"alt\":\"\"}})]),_c('div',{staticClass:\"summary\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Survey Panda\")]),_c('div',{staticClass:\"value\"},[_vm._v(\"Self-developed online data collection platform and reporting system\")])]),_c('div',{staticClass:\"details\"},[_c('div',{staticClass:\"surveyPandaValue\"},[_vm._v(\" Survey Panda is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DlY research solutions. At the same time, it is designed to cater for complicated market research requirement. \")])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Clients\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"title\"},[_vm._v(\" What our clients say \")]),_c('div',{staticClass:\"value\"},[_c('img',{attrs:{\"src\":\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/ClientsResponse_MainPage.gif\",\"alt\":\"\"}})])])])},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 \")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_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 = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\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\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    <!-- <div class=\"swiperNews\">\r\n      <swiper :options=\"swiperOption\" :not-next-tick=\"notNextTick\" ref=\"mySwiper\" class=\"sw\">\r\n\r\n        <div class=\"swiper-button-prev\" slot=\"button-prev\"><i class=\"el-icon-arrow-left\"></i></div>\r\n        <swiper-slide v-for=\"(item,index) in newsList\" :key=\"index\" @click=\"toDetail(item.id,item.subscribe,item.newsTitle)\">\r\n          <div class=\"swiperNews-box\">\r\n              <img :src=\"item.logo\">\r\n          </div>\r\n        </swiper-slide>\r\n      </swiper>\r\n\r\n    </div> -->\r\n\r\n\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\r\n</template>\r\n\r\n<script>\r\n// import { Swiper, SwiperSlide } from 'swiper/vue';\r\n// import 'swiper/swiper-bundle.css';\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 { getNewsList } from \"@/api/api\";\r\n\r\nexport default {\r\n  // components: {\r\n  //   Swiper,\r\n  //   SwiperSlide\r\n  // },\r\n  data() {\r\n    return {\r\n      ruleForm: JSON.parse(JSON.stringify(defaultForm)),\r\n      newsList: [],\r\n      topNews: [],\r\n      DialogShow: false,\r\n  slides: ['Slide 1', 'Slide 2', 'Slide 3', 'Slide 4', 'Slide 5'],\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      notNextTick: true,\r\n      swiperOption: {\r\n        // swiper options 所有的配置同swiper官方api配置\r\n        autoplay: false, // 自动播放的时间间隔\r\n        slidesPerView: 3, //一次显示的数量\r\n        direction: \"vertical\", // 垂直轮播\r\n        grabCursor: true,\r\n        setWrapperSize: true,\r\n        loop: false, //  循环播放\r\n        autoHeight: true,\r\n        // pagination: \".swiper-pagination\",\r\n        paginationClickable: true,\r\n        initialSlide: 0,\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    };\r\n  },\r\n  created() {\r\n    this.getNewsList();\r\n  },\r\n  methods: {\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    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  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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      background-color: #fff;\r\n\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      background-color: #fff;\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  .swiperNews{\r\n  .swiperNews-box{\r\n    img{\r\n      width: 100px;\r\n    }\r\n  }\r\n  }\r\n}\r\n.swiper-container {\r\n  width: 100%;\r\n  height: 400px;\r\n}\r\n\r\n.swiper-slide {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 18px;\r\n  background: #fff;\r\n  border: 1px solid #ddd;\r\n  height: 100%;\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!./newsList.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!./newsList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./newsList.vue?vue&type=template&id=dc57de20&scoped=true&\"\nimport script from \"./newsList.vue?vue&type=script&lang=js&\"\nexport * from \"./newsList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./newsList.vue?vue&type=style&index=0&id=dc57de20&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  \"dc57de20\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"bg\">\r\n    <div class=\"top\">\r\n      <div class=\"bigTitle\">\r\n        We are your <span class=\"blueHighLight\">Research Team</span> </br>on the Ground in Asia\r\n      </div>\r\n      <div class=\"subtitle\">\r\n        Holden can guide you to <span class=\"redHighLight\">success</span>\r\n      </div>\r\n    </div>\r\n    <!-- 轮播图 -->\r\n    <el-carousel :interval=\"4000\" type=\"card\" indicator-position=\"none\">\r\n\r\n      <el-carousel-item>\r\n        <!-- equote -->\r\n        <a href=\"https://www.holdendata.com/equote?source=homepage\" target=\"_blank\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Banner_2.png\"></a>\r\n\r\n      </el-carousel-item>\r\n      <el-carousel-item>\r\n        <!-- appa -->\r\n\r\n        <a href=\"http://appa360.com/?source=holdendataHomePage\" target=\"_blank\"> <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Banner_3.png\"> </a>\r\n      </el-carousel-item>\r\n\r\n      <el-carousel-item>\r\n        <a href=\"https://www.holdenjapan.com/\" target=\"_blank\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Banner_5.png\"></a>\r\n      </el-carousel-item>\r\n    </el-carousel>\r\n    <!-- 轮播图 -->\r\n    <!-- <div class=\"top\">\r\n      <el-carousel ref=\"carousel\" type=\"card\" height=\"200px\" width=\"500px\">\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=\"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    </div>\r\n    <!-- 第一部分介绍公司 -->\r\n    <div class=\"services\">\r\n      <div class=\"servicesBox\">\r\n        <div class=\"box\" @click=\"$router.push('/qual?source=index')\">\r\n          <div class=\"frontimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconHealthcare.png\">\r\n          </div>\r\n          <div class=\"backimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Qualatitive_Back.png\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"servicesBox\">\r\n        <div class=\"box\" @click=\"$router.push('/quant?source=index')\">\r\n          <div class=\"frontimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconMedtech.png\">\r\n          </div>\r\n          <div class=\"backimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Quantitative_Back.png\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"servicesBox\">\r\n        <div class=\"box\" @click=\"$router.push('/industry?source=index')\">\r\n          <div class=\"frontimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconConsumer.png\">\r\n          </div>\r\n          <div class=\"backimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Industry_Back.png\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"servicesBox\">\r\n        <div class=\"box\" @click=\"$router.push('/specialist?source=index')\">\r\n          <div class=\"frontimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/index/iconAsia.png\">\r\n          </div>\r\n          <div class=\"backimg\">\r\n            <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Specialist_Back.png\">\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Market Expertise\r\n      </div>\r\n    </div>\r\n    <!-- whyholden  -->\r\n    <asia-map />\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Holden Products\r\n      </div>\r\n    </div>\r\n    <!-- 浩顿产品 -->\r\n    <div class=\"products\">\r\n      <div class=\"menu\">\r\n        <div class=\"icon equote\" @mouseover=\"products=1\" :class=\"{menubg:products==1}\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_1.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"icon\" @mouseover=\"products=2\" :class=\"{menubg:products==2}\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_2.png\" alt=\"\">\r\n        </div>\r\n        <div class=\"icon\" @mouseover=\"products=3\" :class=\"{menubg:products==3}\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_3.png\" alt=\"\">\r\n        </div>\r\n\r\n        <div class=\"icon\" @mouseover=\"products=5\" :class=\"{menubg:products==5}\">\r\n          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/products_4.png\" alt=\"\">\r\n        </div>\r\n      </div>\r\n      <div class=\"productsValue\">\r\n        <div v-if=\"products==1\" class=\"one\">\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/eQuote.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">eQuote</div>\r\n                  <div class=\"value\">eQuote is Holden's proprietary AI tool </br>for instant ballpark costing for conducting fieldwork</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"eQuoteValue\">\r\n                   eQuote is Holden's proprietary AI tool for instant ballpark costing for conducting fieldwork</br>Anyone, once you register with us, Register with us <span class=\"redHighLight here\" @click=\"$router.push('/equote?source=index')\">HERE</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"products==2\" class=\"two\">\r\n\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/holdenAnswer.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">Holden Answer</div>\r\n                  <div class=\"value\">Innovate, Interact, Insight:</br>\r\n                    AME - Your Gateway to Smart Healthcare Research</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"holdenAnswerValue\">\r\n                    <div class=\"holdenAnswerOne\">\r\n                      <span class=\"redHighLight\">Holden Answer</span> is an <span class=\"blueHighLight\">interactive, Al-enabled interface</span> for market researchers in the healthcare industry.\r\n                    </div>\r\n                    <div class=\"holdenAnswerTwo\">\r\n                      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.\r\n                    </div>\r\n                    <div class=\"holdenAnswerThree\">\r\n                      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.Whether you need help with healthcare, research, want to brainstorm ideas, or simply engage in a friendly conversation, Holden Answer is here to provide you with intelligent and interactive assistance.\r\n                    </div>\r\n                    <div class=\"holdenAnswerButton\">\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\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"products==3\" class=\"three\">\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/API.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">API</div>\r\n                  <div class=\"value\">Unlock the full potential of our proprietary products by seamlessly integrating with our custom-developed API.</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"APIvalue\">\r\n                    <div class=\"apitop\">\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 class=\"apibottom\">\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=\"apibutton\">\r\n                      <el-button type=\"primary\" @click=\"toPath('/contact?source=products')\">Contact Us</el-button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <div v-if=\"products==5\" class=\"five\">\r\n          <div class=\"introduce\">\r\n            <div class=\"introduceBox\">\r\n              <div style=\"position: relative;\">\r\n                <div class=\"introduceIMG\"><img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/products/surveyPanda.png\" alt=\"\"></div>\r\n                <div class=\"summary\">\r\n                  <div class=\"title\">Survey Panda</div>\r\n                  <div class=\"value\">Self-developed online data collection platform and reporting system</div>\r\n                </div>\r\n                <div class=\"details\">\r\n                  <div class=\"surveyPandaValue\">\r\n                    Survey Panda is our self-developed online data collection platform and reporting system. SurveyPanda is user friendly and allows for DlY research solutions. At the same time, it is designed to cater for complicated market research requirement.\r\n                  </div>\r\n                </div>\r\n              </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          <img src=\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/ClientsResponse_MainPage.gif\" alt=\"\">\r\n\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n    <!-- 分割区域条 -->\r\n    <div class=\"titleLine\">\r\n      <div class=\"title\">\r\n        Latest News & Release\r\n      </div>\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      \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   \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          \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    <news-list />\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\nimport NewsList from \"@/components/newsList\";\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      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: 1,\r\n      activeIndex: 0\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    NewsList\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* {\r\n  font-family: \"Nunito\";\r\n}\r\n.bg {\r\n  background-image: url(\"https://holden-resource.oss-cn-shanghai.aliyuncs.com/holden/Homepage/Homepage_Background.png\");\r\n  background-size: cover;\r\n  color: #1e364e;\r\n  overflow: hidden;\r\n}\r\n\r\n/deep/.el-carousel {\r\n  // transform: scale(1.2) !important;\r\n  height: 400px;\r\n  padding-top: 50px;\r\n\r\n  .el-carousel__container {\r\n    transform: scale(1.2) !important;\r\n  }\r\n  .el-carousel__item {\r\n    // transform: scale(0.8) !important;\r\n  }\r\n  .is-active {\r\n  }\r\n  img {\r\n    width: 100%;\r\n  }\r\n}\r\n.el-carousel__item:nth-child(2n) {\r\n  background-color: #99a9bf;\r\n}\r\n\r\n.el-carousel__item:nth-child(2n + 1) {\r\n  background-color: #d3dce6;\r\n}\r\n\r\n.redHighLight {\r\n  color: #e73323;\r\n}\r\n.blueHighLight {\r\n  color: #4c8fd5;\r\n}\r\n.top {\r\n  padding-top: 50px;\r\n  .bigTitle {\r\n    text-align: center;\r\n    font-size: 60px;\r\n    font-weight: 700;\r\n  }\r\n  .subtitle {\r\n    font-size: 20px;\r\n    text-align: center;\r\n    padding: 20px 0;\r\n    // margin-bottom: 50px;\r\n  }\r\n}\r\n.services {\r\n  padding: 0 180px;\r\n  text-align: center;\r\n  perspective: 1000px;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-around;\r\n  .box {\r\n    cursor: pointer;\r\n    width: 200px;\r\n    height: 200px;\r\n    text-align: center;\r\n\r\n    transform-style: preserve-3d;\r\n    transition: transform 0.6s;\r\n    position: relative;\r\n    .frontimg {\r\n      background-color: #2cb1e9;\r\n      border-radius: 50%;\r\n      width: 200px;\r\n      height: 200px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      img {\r\n        width: 60%;\r\n      }\r\n    }\r\n    .frontimg,\r\n    .backimg {\r\n      position: absolute;\r\n      backface-visibility: hidden;\r\n    }\r\n    .backimg {\r\n      transform: rotateY(180deg);\r\n      border-radius: 50%;\r\n\r\n      img {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n.servicesBox:hover .box {\r\n  // background-color: #6cdf89;\r\n  transform: rotateY(180deg);\r\n}\r\n\r\n.products {\r\n  .menu {\r\n    padding: 0 350px;\r\n    display: flex;\r\n    justify-content: space-around;\r\n    .icon {\r\n      width: 120px;\r\n      height: 120px;\r\n      text-align: center;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      // line-height: 90px;\r\n      // border: 1px solid #000;\r\n      img {\r\n        width: 60%;\r\n      }\r\n    }\r\n    .menubg {\r\n      color: #2cb1e9;\r\n      background-color: #cdf1f5;\r\n    }\r\n  }\r\n  .productsValue {\r\n    background-color: #cdf1f5;\r\n    .introduce {\r\n      position: relative;\r\n      height: 600px;\r\n      margin: 0px 200px;\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .introduceBox {\r\n        position: absolute;\r\n        .introduceIMG {\r\n          img {\r\n            width: 100%;\r\n          }\r\n        }\r\n        .summary {\r\n          position: absolute;\r\n          top: 0;\r\n          padding: 0px 120px;\r\n          .title {\r\n            font-size: 40px;\r\n            font-weight: 700;\r\n            margin: 90px 0;\r\n          }\r\n          .value {\r\n            font-size: 22px;\r\n          }\r\n        }\r\n        .details {\r\n          position: absolute;\r\n          top: 0;\r\n          background-color: #fff;\r\n          position: absolute;\r\n          display: flex;\r\n          align-items: center;\r\n          height: 100%;\r\n          width: 100%;\r\n          opacity: 0;\r\n          transition: all 0.5s;\r\n        }\r\n        .details:hover {\r\n          opacity: 1;\r\n          transform: scale(1.05);\r\n        }\r\n        .eQuoteValue {\r\n          text-align: center;\r\n          // padding: 20px 40px;\r\n          width: 100%;\r\n          .here {\r\n            cursor: pointer;\r\n            text-decoration: underline;\r\n          }\r\n        }\r\n        .holdenAnswerValue {\r\n          text-align: center;\r\n          padding: 50px;\r\n          .holdenAnswerTwo,\r\n          .holdenAnswerThree {\r\n            margin-bottom: 20px;\r\n          }\r\n          .holdenAnswerButton {\r\n            button {\r\n              color: #fff;\r\n              background-color: #90bef9;\r\n              border: none;\r\n            }\r\n            a {\r\n              color: #fff;\r\n              width: 100%;\r\n              height: 100%;\r\n            }\r\n          }\r\n        }\r\n        .APIvalue {\r\n          padding: 20px 40px;\r\n          .apitop {\r\n            margin-bottom: 20px;\r\n            padding: 0 15px;\r\n          }\r\n          .apileft {\r\n            width: 35%;\r\n          }\r\n          .apiright {\r\n            width: 65%;\r\n          }\r\n          .apibottom {\r\n            margin-top: 20px;\r\n          }\r\n          .apibutton {\r\n            text-align: center;\r\n            button {\r\n              color: #fff;\r\n              background-color: #90bef9;\r\n              border: none;\r\n            }\r\n          }\r\n        }\r\n        .surveyPandaValue {\r\n          text-align: center;\r\n          margin: 0 100px;\r\n        }\r\n      }\r\n    }\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//   }\r\n\r\n//   .el-carousel__item:nth-child(2n + 1) {\r\n//   }\r\n// }\r\n// .banner {\r\n//   // width: 100%;\r\n//   height: 100%;\r\n//   position: relative;\r\n//   .pc {\r\n//     color: #fff;\r\n//     border: none;\r\n//     font-size: 30px;\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//     padding: 80px 0;\r\n//   }\r\n//   .appa_logo {\r\n//     position: absolute;\r\n//     width: 360px;\r\n//     height: 360px;\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//     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\r\n.titleLine {\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.Clients {\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      width: 100%;\r\n      text-align: center;\r\n      vertical-align: center;\r\n      padding: 50px 150px;\r\n      padding-bottom: 10px;\r\n      font-weight: 700;\r\n      img {\r\n        width: 100%;\r\n      }\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      background-color: #fff;\r\n\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      background-color: #fff;\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=75238841&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=75238841&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  \"75238841\",\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!./newsList.vue?vue&type=style&index=0&id=dc57de20&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!./newsList.vue?vue&type=style&index=0&id=dc57de20&lang=scss&scoped=true&\""],"sourceRoot":""}