{"version":3,"sources":["webpack:///./src/assets/images/ProcessOptimize9.png","webpack:///./src/assets/images/ProcessOptimize10.png","webpack:///./src/assets/images/ProcessOptimize26.png","webpack:///./src/assets/images/ProcessOptimize5.png","webpack:///./src/pages/frist-page/product-section/ProcessOptimize.vue","webpack:///src/pages/frist-page/product-section/ProcessOptimize.vue","webpack:///./src/pages/frist-page/product-section/ProcessOptimize.vue?b04e","webpack:///./src/pages/frist-page/product-section/ProcessOptimize.vue?c356","webpack:///./src/assets/images/ProcessOptimize20.png","webpack:///./src/assets/images/ProcessOptimize15.png","webpack:///./src/assets/images/ProcessOptimize6.png","webpack:///./src/modules/AnimateScroll.js","webpack:///./src/pages/frist-page/product-section/ProcessOptimize.vue?a3fa","webpack:///./src/assets/images/ProcessOptimize7.png","webpack:///./src/assets/images/ProcessOptimize19.png","webpack:///./src/assets/images/ProcessOptimize14.png","webpack:///./src/assets/images/ProcessOptimize21.png","webpack:///./src/assets/images/ProcessOptimize22.png","webpack:///./src/assets/images/ProcessOptimize3.png","webpack:///./src/assets/images/ProcessOptimize12.png","webpack:///./src/assets/images/ProcessOptimize16.png","webpack:///./src/assets/images/ProcessOptimize24.png","webpack:///./src/assets/images/ProcessOptimize25.png","webpack:///./src/assets/images/SystemBuild2.png","webpack:///./src/assets/images/ProcessOptimize17.png","webpack:///./src/assets/images/ProcessOptimize18.png","webpack:///./src/assets/images/ProcessOptimize23.png","webpack:///./src/assets/images/ProcessOptimize13.png","webpack:///./src/assets/images/ProcessOptimize8.png"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","expression","attrs","require","staticStyle","_v","_l","serveList","list1","item","index","key","_s","list2","class","dispalyNone","hexagonList","title","_m","on","$event","$router","push","diamondLeft","imgUrl","diamondRight","tabList","handleTab","active","tabIndex","tabImg","staticRenderFns","data","animateScroll","methods","component","Vue","directive","inserted","el","binding","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","animationClass","classList","add","unobserve","rootMargin","threshold","observe"],"mappings":"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","file":"js/chunk-3b1e95f0.d5ce6434.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ProcessOptimize9.1501960e.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize10.682e1974.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize26.f4e5f6a3.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize5.38dafd1c.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"process-optimize\"},[_c('img',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeIn'),expression:\"'animate__fadeIn'\"}],staticClass:\"animate__animated\",attrs:{\"src\":require(\"@assets/images/ProcessOptimize3.png\"),\"alt\":\"\",\"width\":\"100%\"}}),_c('div',{staticClass:\"number1\"},[_c('img',{attrs:{\"src\":require(\"@assets/images/SystemBuild2.png\"),\"alt\":\"\",\"width\":\"100%\"}}),_c('div',{staticClass:\"contain\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInDown'),expression:\"'animate__fadeInDown'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',{staticStyle:{\"padding-top\":\"0.85rem\",\"font-weight\":\"normal !important\"}},[_vm._v(\"服务介绍\")])]),_c('p',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeIn'),expression:\"'animate__fadeIn'\"}],staticClass:\"des animate__animated\",staticStyle:{\"animation-delay\":\"1s\",\"text-indent\":\"2.2em\"}},[_vm._v(\" 景翔研究流程管理近三十年，辅导过各行业各种规模的企业建立流程体系和流程优化，积累了丰富实战经验，并形成一套成熟的流程管理方法论。 流程的目的是为实现业务流程，业务流程的目的是为实现企业战略目标，我们一直致力于为企业搭建围绕战略目标的流程体系，主张建立以核心业务为中心的管理模式，通过业务流程识别、展开、分解，再制定标准和责任人。通过对核心业务流程的拉通和优化，解决了传统体系与战略脱钩、流程滞后、全责不明、信息孤岛等问题。而流程优化，则在建立核心业务流程后，进行流程分解，制定流程要求，流程分析优化，梳理流程接口，对流程进一步精细化管理，为企业业务数字化奠定基础。 \")]),_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInDown'),expression:\"'animate__fadeInDown'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',{staticStyle:{\"font-weight\":\"normal !important\"}},[_vm._v(\"流程优化的服务:\")])]),_c('div',{staticClass:\"ul\"},_vm._l((_vm.serveList.list1),function(item,index){return _c('span',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInLeftBig'),expression:\"'animate__fadeInLeftBig'\"}],key:index,staticClass:\"animate__animated\",staticStyle:{\"animation-delay\":\"1s\"}},[_vm._v(_vm._s(item))])}),0),_c('div',{staticClass:\"ul\"},_vm._l((_vm.serveList.list2),function(item,index){return _c('span',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInRightBig'),expression:\"'animate__fadeInRightBig'\"}],key:index,staticClass:\"animate__animated\",class:{ dispalyNone: !item },staticStyle:{\"animation-delay\":\"1s\"}},[_vm._v(_vm._s(item))])}),0)])]),_c('div',{staticClass:\"number2\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',[_vm._v(\"为什么要做流程优化？\")]),_c('p')]),_c('div',{staticClass:\"box\"},_vm._l((_vm.hexagonList),function(item,index){return _c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInDown'),expression:\"'animate__fadeInDown'\"}],key:index,staticClass:\"box-item animate__animated\"},[_c('div',{staticClass:\"hexagon\"},[_vm._v(\"0\"+_vm._s(index + 1))]),_c('p',[_vm._v(_vm._s(item.title))])])}),0)]),_c('div',{staticClass:\"number3\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',[_vm._v(\"我司流程管理研究成果\")]),_c('p')])]),_c('div',{staticClass:\"number4\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',[_vm._v(\"流程优化三步走\")]),_c('p')]),_c('img',{attrs:{\"src\":require(\"../../../assets//images/ProcessOptimize5.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"number5\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',[_vm._v(\"流程优化分析软件\")]),_c('p')]),_c('div',{staticClass:\"contain\"},[_c('p',{staticClass:\"ml36\"},[_vm._v(\"我司独立开发出流程优化分析系统，协助企业对流程进行分解和分析，让流程缺陷一目了然，还有分类、筛选等功能，让流程统计更加方便快捷\")]),_c('div',{staticClass:\"meshing\"},[_c('img',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInLeftBig'),expression:\"'animate__fadeInLeftBig'\"}],staticClass:\"animate__animated\",staticStyle:{\"animation-delay\":\"1s\"},attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize6.png\"),\"alt\":\"\"}}),_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInRightBig'),expression:\"'animate__fadeInRightBig'\"}],staticClass:\"rightBox animate__animated\",staticStyle:{\"animation-delay\":\"1s\"}},[_c('div',{staticClass:\"title\"},[_vm._v(\"流程文件网格化\")]),_vm._m(0),_c('div',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.$router.push('./trial-use')}}},[_vm._v(\"免费试用\")])])]),_c('div',{staticClass:\"analyse\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInLeftBig'),expression:\"'animate__fadeInLeftBig'\"}],staticClass:\"leftBox animate__animated\",staticStyle:{\"animation-delay\":\"1s\"}},[_c('div',{staticClass:\"title\"},[_vm._v(\"流程分析软件的岗位职责统计与分析\")]),_c('img',{staticClass:\"img1\",attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize9.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"img2\",attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize10.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"img4\",attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize8.png\"),\"alt\":\"\"}})]),_c('img',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInRightBig'),expression:\"'animate__fadeInRightBig'\"}],staticClass:\"img3 animate__animated\",staticStyle:{\"animation-delay\":\"1s\"},attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize7.png\"),\"alt\":\"\"}})])]),_c('div',{staticClass:\"bottomBox\"})]),_c('div',{staticClass:\"number6\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',[_vm._v(\"流程优化相关培训\")]),_c('p')]),_c('div',{staticClass:\"imgBox\"},[_c('div',{staticClass:\"diamondLeft\"},_vm._l((_vm.diamondLeft),function(item,index){return _c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInLeftBig'),expression:\"'animate__fadeInLeftBig'\"}],key:index,staticClass:\"diamond-item animate__animated\",staticStyle:{\"animation-delay\":\"1s\"}},[_c('div',{staticClass:\"lineBox\"},[_c('p',[_vm._v(_vm._s(item.title))]),_c('span',{staticClass:\"straight\"}),_c('span',{staticClass:\"broken\"})]),_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}})])}),0),_c('img',{attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize12.png\"),\"alt\":\"\"}}),_c('span',{staticClass:\"text\"},[_vm._v(\"流程优化相关培训\")]),_c('div',{staticClass:\"diamondRight\"},_vm._l((_vm.diamondRight),function(item,index){return _c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeInRightBig'),expression:\"'animate__fadeInRightBig'\"}],key:index,staticClass:\"diamond-item animate__animated\",staticStyle:{\"animation-delay\":\"1s\"}},[_c('div',{staticClass:\"lineBox\"},[_c('p',[_vm._v(_vm._s(item.title))]),_c('span',{staticClass:\"straight\"}),_c('span',{staticClass:\"broken\"})]),_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}})])}),0)])]),_c('div',{staticClass:\"number7\"},[_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"}],staticClass:\"BoxTitle animate__animated\"},[_c('p',[_vm._v(\"部分成果\")]),_c('p')]),_c('div',{staticClass:\"tabBox\"},[_c('div',{staticClass:\"tab\"},_vm._l((_vm.tabList),function(item,index){return _c('div',{key:index,staticClass:\"tab-item\",on:{\"click\":function($event){return _vm.handleTab(index)}}},[_c('div',{staticClass:\"tabBtn\",class:{active: index === _vm.tabIndex}},[_vm._v(_vm._s(item))]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(index === _vm.tabIndex),expression:\"index === tabIndex\"}],attrs:{\"src\":require(\"../../../assets/images/ProcessOptimize21.png\"),\"alt\":\"\"}})])}),0),_c('div',{staticClass:\"lineBox\"}),_vm._l((_vm.tabImg),function(item,index){return _c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__bounceIn'),expression:\"'animate__bounceIn'\"},{name:\"show\",rawName:\"v-show\",value:(index === _vm.tabIndex),expression:\"index === tabIndex\"}],key:index,staticClass:\"tabContent animate__animated\"},[_c('img',{class:'img' + index,attrs:{\"src\":item,\"alt\":\"\"}})])})],2)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"dec\"},[_vm._v(\" 1.根据职能三级分解后得出的管理类文件进行活动分解。 2.文件网格化后，除了可以对流程进行分析之用，还可以直接作为文件使用。 \"),_c('br'),_vm._v(\"3.因为已经涵盖了流程、部门、负责人、过程要求等要素 \")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"process-optimize\">\r\n    <img\r\n      class=\"animate__animated\"\r\n      v-scroll=\"'animate__fadeIn'\"\r\n      src=\"@assets/images/ProcessOptimize3.png\"\r\n      alt\r\n      width=\"100%\"\r\n    />\r\n    <div class=\"number1\">\r\n      <img src=\"@assets/images/SystemBuild2.png\" alt width=\"100%\" />\r\n      <div class=\"contain\">\r\n        <div class=\"BoxTitle animate__animated\" v-scroll=\"'animate__fadeInDown'\">\r\n          <p style=\"padding-top:0.85rem;font-weight: normal !important\">服务介绍</p>\r\n        </div>\r\n        <p class=\"des animate__animated\" v-scroll=\"'animate__fadeIn'\" style=\"animation-delay: 1s;text-indent: 2.2em;\">\r\n          景翔研究流程管理近三十年，辅导过各行业各种规模的企业建立流程体系和流程优化，积累了丰富实战经验，并形成一套成熟的流程管理方法论。\r\n          流程的目的是为实现业务流程，业务流程的目的是为实现企业战略目标，我们一直致力于为企业搭建围绕战略目标的流程体系，主张建立以核心业务为中心的管理模式，通过业务流程识别、展开、分解，再制定标准和责任人。通过对核心业务流程的拉通和优化，解决了传统体系与战略脱钩、流程滞后、全责不明、信息孤岛等问题。而流程优化，则在建立核心业务流程后，进行流程分解，制定流程要求，流程分析优化，梳理流程接口，对流程进一步精细化管理，为企业业务数字化奠定基础。\r\n        </p>\r\n        <div class=\"BoxTitle animate__animated\" v-scroll=\"'animate__fadeInDown'\">\r\n          <p style=\"font-weight: normal !important\">流程优化的服务:</p>\r\n        </div>\r\n        <div class=\"ul\">\r\n          <span\r\n            class=\"animate__animated\"\r\n            v-scroll=\"'animate__fadeInLeftBig'\"\r\n            style=\"animation-delay: 1s\"\r\n            v-for=\"(item, index) in serveList.list1\"\r\n            :key=\"index\"\r\n          >{{ item }}</span>\r\n        </div>\r\n        <div class=\"ul\">\r\n          <span\r\n            class=\"animate__animated\"\r\n            v-scroll=\"'animate__fadeInRightBig'\"\r\n            style=\"animation-delay: 1s\"\r\n            v-for=\"(item, index) in serveList.list2\"\r\n            :key=\"index\"\r\n            :class=\"{ dispalyNone: !item }\"\r\n          >{{ item }}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"number2\">\r\n      <div v-scroll=\"'animate__bounceIn'\" class=\"BoxTitle animate__animated\">\r\n        <p>为什么要做流程优化？</p>\r\n        <p></p>\r\n      </div>\r\n      <div class=\"box\">\r\n        <div\r\n          class=\"box-item animate__animated\"\r\n          v-for=\"(item, index) in hexagonList\"\r\n          :key=\"index\"\r\n          v-scroll=\"'animate__fadeInDown'\"\r\n        >\r\n          <div class=\"hexagon\">0{{ index + 1 }}</div>\r\n          <p>{{item.title}}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"number3\">\r\n      <div v-scroll=\"'animate__bounceIn'\" class=\"BoxTitle animate__animated\">\r\n        <p>我司流程管理研究成果</p>\r\n        <p></p>\r\n      </div>\r\n      <!-- <div class=\"books\">\r\n        <img src=\"../../../assets/images/book7.png\" alt />\r\n        <img src=\"../../../assets/images/book3.png\" alt />\r\n        <img src=\"../../../assets/images/book2.png\" alt />\r\n        <img src=\"../../../assets/images/book4.png\" alt />\r\n        <img src=\"../../../assets/images/book8.png\" alt />\r\n      </div>-->\r\n    </div>\r\n\r\n    <div class=\"number4\">\r\n      <div v-scroll=\"'animate__bounceIn'\" class=\"BoxTitle animate__animated\">\r\n        <p>流程优化三步走</p>\r\n        <p></p>\r\n      </div>\r\n      <img src=\"../../../assets//images/ProcessOptimize5.png\" alt />\r\n    </div>\r\n\r\n    <div class=\"number5\">\r\n      <div v-scroll=\"'animate__bounceIn'\" class=\"BoxTitle animate__animated\">\r\n        <p>流程优化分析软件</p>\r\n        <p></p>\r\n      </div>\r\n      <div class=\"contain\">\r\n        <p class=\"ml36\">我司独立开发出流程优化分析系统，协助企业对流程进行分解和分析，让流程缺陷一目了然，还有分类、筛选等功能，让流程统计更加方便快捷</p>\r\n        <div class=\"meshing\">\r\n          <img\r\n            src=\"../../../assets/images/ProcessOptimize6.png\"\r\n            alt\r\n            class=\"animate__animated\"\r\n            v-scroll=\"'animate__fadeInLeftBig'\"\r\n            style=\"animation-delay: 1s\"\r\n          />\r\n          <div\r\n            class=\"rightBox animate__animated\"\r\n            v-scroll=\"'animate__fadeInRightBig'\"\r\n            style=\"animation-delay: 1s\"\r\n          >\r\n            <div class=\"title\">流程文件网格化</div>\r\n            <p class=\"dec\">\r\n              1.根据职能三级分解后得出的管理类文件进行活动分解。\r\n              2.文件网格化后，除了可以对流程进行分析之用，还可以直接作为文件使用。\r\n              <br />3.因为已经涵盖了流程、部门、负责人、过程要求等要素\r\n            </p>\r\n            <div class=\"btn\" @click=\"$router.push('./trial-use')\">免费试用</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"analyse\">\r\n          <div\r\n            class=\"leftBox animate__animated\"\r\n            v-scroll=\"'animate__fadeInLeftBig'\"\r\n            style=\"animation-delay: 1s\"\r\n          >\r\n            <div class=\"title\">流程分析软件的岗位职责统计与分析</div>\r\n            <img class=\"img1\" src=\"../../../assets/images/ProcessOptimize9.png\" alt />\r\n            <img class=\"img2\" src=\"../../../assets/images/ProcessOptimize10.png\" alt />\r\n            <img class=\"img4\" src=\"../../../assets/images/ProcessOptimize8.png\" alt />\r\n          </div>\r\n          <img\r\n            class=\"img3 animate__animated\"\r\n            v-scroll=\"'animate__fadeInRightBig'\"\r\n            style=\"animation-delay: 1s\"\r\n            src=\"../../../assets/images/ProcessOptimize7.png\"\r\n            alt\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"bottomBox\"></div>\r\n    </div>\r\n\r\n    <div class=\"number6\">\r\n      <div v-scroll=\"'animate__bounceIn'\" class=\"BoxTitle animate__animated\">\r\n        <p>流程优化相关培训</p>\r\n        <p></p>\r\n      </div>\r\n      <div class=\"imgBox\">\r\n        <div class=\"diamondLeft\">\r\n          <div\r\n            class=\"diamond-item animate__animated\"\r\n            v-scroll=\"'animate__fadeInLeftBig'\"\r\n            style=\"animation-delay: 1s\"\r\n            v-for=\"(item, index) in diamondLeft\"\r\n            :key=\"index\"\r\n          >\r\n            <div class=\"lineBox\">\r\n              <p>{{ item.title }}</p>\r\n              <span class=\"straight\"></span>\r\n              <span class=\"broken\"></span>\r\n            </div>\r\n            <img :src=\"item.imgUrl\" alt />\r\n          </div>\r\n        </div>\r\n        <img src=\"../../../assets/images/ProcessOptimize12.png\" alt />\r\n        <span class=\"text\">流程优化相关培训</span>\r\n        <div class=\"diamondRight\">\r\n          <div\r\n            class=\"diamond-item animate__animated\"\r\n            v-scroll=\"'animate__fadeInRightBig'\"\r\n            style=\"animation-delay: 1s\"\r\n            v-for=\"(item, index) in diamondRight\"\r\n            :key=\"index\"\r\n          >\r\n            <div class=\"lineBox\">\r\n              <p>{{ item.title }}</p>\r\n              <span class=\"straight\"></span>\r\n              <span class=\"broken\"></span>\r\n            </div>\r\n            <img :src=\"item.imgUrl\" alt />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"number7\">\r\n      <div v-scroll=\"'animate__bounceIn'\" class=\"BoxTitle animate__animated\">\r\n        <p>部分成果</p>\r\n        <p></p>\r\n      </div>\r\n      <div class=\"tabBox\">\r\n        <div class=\"tab\">\r\n          <div\r\n            class=\"tab-item\"\r\n            v-for=\"(item, index) in tabList\"\r\n            :key=\"index\"\r\n            @click=\"handleTab(index)\"\r\n          >\r\n            <div class=\"tabBtn\" :class=\"{active: index === tabIndex}\">{{ item }}</div>\r\n            <img v-show=\"index === tabIndex\" src=\"../../../assets/images/ProcessOptimize21.png\" alt />\r\n          </div>\r\n        </div>\r\n        <div class=\"lineBox\"></div>\r\n        <div\r\n          class=\"tabContent animate__animated\"\r\n          v-scroll=\"'animate__bounceIn'\"\r\n          v-for=\"(item, index) in tabImg\"\r\n          :key=\"index\"\r\n          v-show=\"index === tabIndex\"\r\n        >\r\n          <img :src=\"item\" alt :class=\"'img' + index\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n  \r\n  <script>\r\nimport animateScroll from \"../../../modules/AnimateScroll.js\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      serveList: {\r\n        list1: [\r\n          \"职能优化\",\r\n          \"构建新型价值链\",\r\n          \"构建体系树\",\r\n          \"目标指标优化\",\r\n          \"信息流优化\",\r\n        ],\r\n        list2: [\"流程素数字化\", \"流程分解\", \"流程优化\", \"体系文件优化\", \"\"],\r\n      },\r\n      hexagonList: [\r\n        {\r\n          title: \"为战略实现提供体系保证\",\r\n        },\r\n        {\r\n          title: \"确保各业务板块流程高效\",\r\n        },\r\n        {\r\n          title: \"理顺各部门和层级之间接口，避免管理真空\",\r\n        },\r\n        {\r\n          title: \"减少管理制度使体系“瘦身\",\r\n        },\r\n        {\r\n          title: \"建立标准化管理模式，可快速复制\",\r\n        },\r\n        {\r\n          title: \"为业务数字化建立流程基础\",\r\n        },\r\n      ],\r\n      diamondLeft: [\r\n        {\r\n          title: \"过程方法\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize13.png\"),\r\n        },\r\n        {\r\n          title: \"职能分解\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize14.png\"),\r\n        },\r\n        {\r\n          title: \"目标管理\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize15.png\"),\r\n        },\r\n        {\r\n          title: \"管理四个层次\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize16.png\"),\r\n        },\r\n      ],\r\n      diamondRight: [\r\n        {\r\n          title: \"流程优化\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize17.png\"),\r\n        },\r\n        {\r\n          title: \"体系落地\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize18.png\"),\r\n        },\r\n        {\r\n          title: \"体系检查\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize19.png\"),\r\n        },\r\n        {\r\n          title: \"更多......\",\r\n          imgUrl: require(\"../../../assets/images/ProcessOptimize20.png\"),\r\n        },\r\n      ],\r\n      tabList: [\r\n        \"流程优化分析\",\r\n        \"部门职能三级分解\",\r\n        \"目标管理体系\",\r\n        \"新型价值链案例\",\r\n        \"系统文件梳理&体系\",\r\n      ],\r\n      tabIndex: 0,\r\n      tabImg: [\r\n        require(\"../../../assets/images/ProcessOptimize22.png\"),\r\n        require(\"../../../assets/images/ProcessOptimize23.png\"),\r\n        require(\"../../../assets/images/ProcessOptimize24.png\"),\r\n        require(\"../../../assets/images/ProcessOptimize25.png\"),\r\n        require(\"../../../assets/images/ProcessOptimize26.png\"),\r\n      ],\r\n    };\r\n  },\r\n  animateScroll,\r\n  methods: {\r\n    handleTab(index) {\r\n      this.tabIndex = index;\r\n    },\r\n  },\r\n};\r\n</script>\r\n  \r\n  <style lang=\"less\" scoped>\r\n@import \"../../../assets/style/Media.css\";\r\n\r\n.process-optimize {\r\n  background: #ffffff;\r\n  @media screen and (min-width: 1200px) and (max-width: 1519px) {\r\n  }\r\n  @media screen and (min-width: 768px) and (max-width: 1199px) {\r\n    .number1 {\r\n      .des {\r\n        line-height: 0.46rem !important;\r\n      }\r\n      .BoxTitle:nth-of-type(1) {\r\n        p {\r\n          padding-top: 0.5rem !important;\r\n        }\r\n      }\r\n      .BoxTitle:nth-of-type(2) {\r\n        margin-top: 0.4rem !important;\r\n      }\r\n      .ul {\r\n        width: 100% !important;\r\n        span {\r\n          margin-top: 0.28rem !important;\r\n          margin-right: 0.2rem !important;\r\n        }\r\n      }\r\n    }\r\n    .number2 {\r\n      .box {\r\n        & > div:nth-child(3) {\r\n          width: 2rem !important;\r\n        }\r\n      }\r\n    }\r\n    .number4 {\r\n      img {\r\n        left: 50% !important;\r\n        transform: translateX(-50%) !important;\r\n      }\r\n    }\r\n    .number5 {\r\n      .contain {\r\n        .ml36 {\r\n          width: auto !important;\r\n        }\r\n        .meshing {\r\n          display: block !important;\r\n          text-align: center;\r\n          img {\r\n            max-width: 100% !important;\r\n            width: 100% !important;\r\n            height: auto !important;\r\n          }\r\n          .rightBox {\r\n            .title {\r\n              text-align: center;\r\n            }\r\n            .dec {\r\n              margin: 0 auto;\r\n              margin-top: 10px !important;\r\n              text-align: left !important;\r\n            }\r\n            .btn {\r\n              margin: 0 auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .analyse {\r\n        display: block !important;\r\n        .leftBox {\r\n          .img1 {\r\n            top: 2.5rem !important;\r\n            left: 0 !important;\r\n          }\r\n          .img2 {\r\n            left: 0 !important;\r\n          }\r\n          .img4 {\r\n            top: 4.5rem !important;\r\n          }\r\n        }\r\n        .img3 {\r\n          margin-top: 0.5rem !important;\r\n          margin-left: 1.9rem !important;\r\n        }\r\n      }\r\n    }\r\n    .number7 {\r\n      .tabBox {\r\n        .tab {\r\n          .tab-item {\r\n            flex: 1;\r\n            margin-right: 0.1rem;\r\n            justify-content: space-between !important;\r\n            .tabBtn {\r\n              font-size: 12px !important;\r\n              min-width: 0 !important;\r\n              padding: 0 0.05rem !important;\r\n            }\r\n          }\r\n          & > div:last-child {\r\n            margin-right: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  @media screen and (min-width: 320px) and (max-width: 767px) {\r\n  }\r\n\r\n  .number1 {\r\n    position: relative;\r\n    img {\r\n      height: 8.4rem;\r\n    }\r\n    .contain {\r\n      width: 80%;\r\n      margin: 0 10%;\r\n      position: absolute;\r\n      top: 0;\r\n      color: white;\r\n      text-align: start;\r\n      .BoxTitle:nth-of-type(1) {\r\n        display: flex;\r\n        justify-content: center;\r\n        color: #ffffff;\r\n        font-size: 0.4rem;\r\n      }\r\n      .BoxTitle:nth-of-type(2) {\r\n        margin-top: 0.6rem;\r\n        color: #ffffff;\r\n        font-size: 0.4rem;\r\n      }\r\n      .des {\r\n        padding-top: 0.3rem;\r\n        font-weight: 400;\r\n        font-size: 0.24rem;\r\n        color: #ffffff;\r\n        line-height: 0.48rem;\r\n      }\r\n      .ul {\r\n        width: 95%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        span {\r\n          display: inline-block;\r\n          // max-width: 2.7rem;\r\n          height: 1rem;\r\n          background: linear-gradient(94deg, #555974 0%, #5d616f 100%);\r\n          border-radius: 0.1rem;\r\n          border: 2px solid #74798a;\r\n          text-align: center;\r\n          font-weight: 400;\r\n          font-size: 0.24rem;\r\n          color: #e1e3ee;\r\n          box-sizing: border-box;\r\n          line-height: 1rem;\r\n          margin-top: 0.3rem;\r\n          cursor: default;\r\n          flex: 1;\r\n          margin-right: 0.26rem;\r\n        }\r\n        .dispalyNone {\r\n          background: transparent;\r\n          border: transparent;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .number2 {\r\n    position: relative;\r\n    height: 8.4rem;\r\n    background: url(\"../../../assets/images/ProcessOptimize1.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    .BoxTitle {\r\n      text-align: center;\r\n      padding-top: 3%;\r\n      p:nth-of-type(2) {\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n    .box {\r\n      .box-item {\r\n        position: absolute;\r\n        font-weight: 400;\r\n        font-size: 0.24rem;\r\n        text-shadow: 0px 1px 1px rgba(140, 172, 209, 0.59);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        .hexagon {\r\n          width: 0.545rem;\r\n          height: 0.63rem;\r\n          background-color: #4375c8;\r\n          position: relative;\r\n          clip-path: polygon(\r\n            50% 0%,\r\n            100% 25%,\r\n            100% 75%,\r\n            50% 100%,\r\n            0% 75%,\r\n            0% 25%\r\n          );\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          color: #e1e3ee;\r\n        }\r\n        p {\r\n          margin-top: 0.1rem;\r\n          color: #000000;\r\n          line-height: 0.3rem;\r\n          font-size: 0.24rem;\r\n          font-weight: 400;\r\n        }\r\n      }\r\n      & > div:nth-child(1) {\r\n        width: 1.7rem;\r\n        bottom: 44.25%;\r\n        left: 12.14%;\r\n      }\r\n      & > div:nth-child(2) {\r\n        width: 1.7rem;\r\n        bottom: 47.86%;\r\n        left: 27.24%;\r\n      }\r\n      & > div:nth-child(3) {\r\n        width: 2.64rem;\r\n        bottom: 52.86%;\r\n        left: 40.78%;\r\n      }\r\n      & > div:nth-child(4) {\r\n        width: 1.46rem;\r\n        bottom: 45%;\r\n        right: 34.17%;\r\n      }\r\n      & > div:nth-child(5) {\r\n        width: 1.92rem;\r\n        bottom: 31.67%;\r\n        right: 21.09%;\r\n      }\r\n      & > div:nth-child(6) {\r\n        width: 1.44rem;\r\n        bottom: 40.12%;\r\n        right: 9.58%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .number3 {\r\n    position: relative;\r\n    height: 9.54rem;\r\n    background: url(\"../../../assets/images/ProcessOptimize4.png\") no-repeat;\r\n    background-size: 100% 100%;\r\n    .BoxTitle {\r\n      text-align: center;\r\n      padding-top: 3%;\r\n      p:nth-of-type(2) {\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n    // .books {\r\n    //     width: 100%;\r\n    //     position: absolute;\r\n    //     bottom: 9.54%;\r\n    //     display: flex;\r\n    //     justify-content: center;\r\n    //     align-items: end;\r\n    //   & > img:nth-child(1) {\r\n    //     width: 238px;\r\n    //     height: 339px;\r\n    //   }\r\n    //   & > img:nth-child(2) {\r\n    //     width: 286px;\r\n    //     height: 406px;\r\n    //   }\r\n    //   & > img:nth-child(3) {\r\n    //     width: 319px;\r\n    //     height: 454px;\r\n    //   }\r\n    //   & > img:nth-child(4) {\r\n    //     width: 285px;\r\n    //     height: 406px;\r\n    //   }\r\n    //   & > img:nth-child(5) {\r\n    //     width: 249px;\r\n    //     height: 356px;\r\n    //   }\r\n    // }\r\n  }\r\n\r\n  .number4 {\r\n    position: relative;\r\n    height: 9.54rem;\r\n    .BoxTitle {\r\n      text-align: center;\r\n      padding-top: 3%;\r\n      p:nth-of-type(2) {\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n    img {\r\n      position: absolute;\r\n      width: 11.43rem;\r\n      height: 5.46rem;\r\n      bottom: 12.26%;\r\n      left: 23.02%;\r\n    }\r\n  }\r\n\r\n  .number5 {\r\n    position: relative;\r\n    background: #f7fafd;\r\n    .BoxTitle {\r\n      text-align: center;\r\n      padding-top: 3%;\r\n      p:nth-of-type(2) {\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n    .contain {\r\n      width: 80%;\r\n      margin: 0 10%;\r\n      margin-top: 0.54rem;\r\n      p {\r\n        font-weight: 400;\r\n        font-size: 0.22rem;\r\n        color: #333333;\r\n        line-height: 0.36rem;\r\n      }\r\n      .ml36 {\r\n        margin-left: 0.36rem;\r\n        width: 12.54rem;\r\n      }\r\n      .title {\r\n        font-weight: 400;\r\n        font-size: 0.3rem;\r\n        color: #000000;\r\n        line-height: 0.36rem;\r\n      }\r\n      .meshing {\r\n        display: flex;\r\n        margin-top: 0.42rem;\r\n        img {\r\n          width: 7.66rem;\r\n          height: 4.74rem;\r\n        }\r\n        .rightBox {\r\n          margin-top: 0.44rem;\r\n          margin-left: 0.55rem;\r\n          .dec {\r\n            margin-top: 0.66rem;\r\n            width: 5.47rem;\r\n          }\r\n          .btn {\r\n            margin-top: 0.7rem;\r\n            width: 2.17rem;\r\n            height: 0.72rem;\r\n            background: #255ca2;\r\n            border-radius: 0.16rem;\r\n            font-weight: bold;\r\n            font-size: 0.24rem;\r\n            color: #ffffff;\r\n            line-height: 0.72rem;\r\n            text-shadow: 0px 1px 1px rgba(140, 172, 209, 0.59);\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n      .analyse {\r\n        position: relative;\r\n        margin-top: 0.8rem;\r\n        display: flex;\r\n        .leftBox {\r\n          .img1 {\r\n            position: absolute;\r\n            width: 0.85rem;\r\n            height: 2.01rem;\r\n            top: 1.2rem;\r\n            left: 1.3rem;\r\n          }\r\n          .img2 {\r\n            position: absolute;\r\n            width: 1.87rem;\r\n            height: 0.71rem;\r\n            top: 0.8rem;\r\n            left: 3.02rem;\r\n          }\r\n          .img4 {\r\n            position: absolute;\r\n            width: 8.92rem;\r\n            height: 2.81rem;\r\n            top: 3.9rem;\r\n            left: 0;\r\n          }\r\n        }\r\n        .img3 {\r\n          width: 8.92rem;\r\n          height: 3.35rem;\r\n          margin-left: 0.7rem;\r\n          margin-top: 0.4rem;\r\n        }\r\n      }\r\n    }\r\n    .bottomBox {\r\n      height: 3.85rem;\r\n      background: url(\"../../../assets/images/ProcessOptimize11.png\") no-repeat;\r\n      background-size: 100% 100%;\r\n    }\r\n  }\r\n\r\n  .number6 {\r\n    position: relative;\r\n    height: 9.54rem;\r\n    background: #f7fafd;\r\n    .BoxTitle {\r\n      text-align: center;\r\n      padding-top: 3%;\r\n      p:nth-of-type(2) {\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n\r\n    .imgBox {\r\n      position: absolute;\r\n      bottom: 18.34%;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      img {\r\n        width: 4.16rem;\r\n        height: 4.81rem;\r\n      }\r\n      .text {\r\n        display: inline-block;\r\n        width: 1.44rem;\r\n        height: 1rem;\r\n        font-weight: bold;\r\n        font-size: 0.36rem;\r\n        color: #ffffff;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        bottom: 38.36%;\r\n      }\r\n      .diamondLeft {\r\n        & > div:nth-child(1) {\r\n          position: absolute;\r\n          top: -2.82%;\r\n          left: -18.5%;\r\n        }\r\n        & > div:nth-child(2) {\r\n          position: absolute;\r\n          top: 25%;\r\n          left: -40%;\r\n        }\r\n        & > div:nth-child(3) {\r\n          position: absolute;\r\n          top: 58.69%;\r\n          left: -40%;\r\n        }\r\n        & > div:nth-child(4) {\r\n          position: absolute;\r\n          top: 85.21%;\r\n          left: -14%;\r\n        }\r\n        .diamond-item {\r\n          display: flex;\r\n          position: relative;\r\n          .lineBox {\r\n            position: absolute;\r\n            bottom: 0.2rem;\r\n            left: -2.35rem;\r\n            p {\r\n              font-weight: 400;\r\n              font-size: 0.3rem;\r\n              color: #000000;\r\n              line-height: 0.36rem;\r\n              text-align: right;\r\n              padding-right: 0.55rem;\r\n            }\r\n            .straight {\r\n              display: inline-block;\r\n              width: 2.5rem;\r\n              border: 1px solid #255ca2;\r\n            }\r\n            .broken {\r\n              display: inline-block;\r\n              width: 0.3rem;\r\n              border: 1px solid #255ca2;\r\n              transform: rotate(32deg);\r\n              transform-origin: 0 0;\r\n            }\r\n          }\r\n          img {\r\n            width: 1.15rem;\r\n            height: 1.26rem;\r\n          }\r\n        }\r\n      }\r\n      .diamondRight {\r\n        & > div:nth-child(1) {\r\n          position: absolute;\r\n          top: -2.82%;\r\n          right: -18.5%;\r\n        }\r\n        & > div:nth-child(2) {\r\n          position: absolute;\r\n          top: 25%;\r\n          right: -40%;\r\n        }\r\n        & > div:nth-child(3) {\r\n          position: absolute;\r\n          top: 58.69%;\r\n          right: -40%;\r\n        }\r\n        & > div:nth-child(4) {\r\n          position: absolute;\r\n          top: 85.21%;\r\n          right: -14%;\r\n        }\r\n        .diamond-item {\r\n          display: flex;\r\n          position: relative;\r\n          .lineBox {\r\n            position: absolute;\r\n            bottom: 0.2rem;\r\n            right: -2.35rem;\r\n            p {\r\n              font-weight: 400;\r\n              font-size: 0.3rem;\r\n              color: #000000;\r\n              line-height: 0.36rem;\r\n              padding-left: 0.55rem;\r\n            }\r\n            .straight {\r\n              display: inline-block;\r\n              width: 0.3rem;\r\n              border: 1px solid #255ca2;\r\n              transform: rotate(-32deg);\r\n              transform-origin: right 0;\r\n            }\r\n            .broken {\r\n              display: inline-block;\r\n              width: 2.5rem;\r\n              border: 1px solid #255ca2;\r\n            }\r\n          }\r\n          img {\r\n            width: 1.15rem;\r\n            height: 1.26rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .number7 {\r\n    position: relative;\r\n    min-height: 9.54rem;\r\n    .BoxTitle {\r\n      text-align: center;\r\n      padding-top: 3%;\r\n      p:nth-of-type(2) {\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n      }\r\n    }\r\n    .tabBox {\r\n      width: 80%;\r\n      margin: 0 auto;\r\n      margin-top: 0.85rem;\r\n      text-align: center;\r\n      .tab {\r\n        display: flex;\r\n        justify-content: space-around;\r\n        .tab-item {\r\n          position: relative;\r\n          .tabBtn {\r\n            min-width: 2.68rem;\r\n            background: #ffffff;\r\n            border-radius: 0.4rem;\r\n            border: 1px solid #e5e6e7;\r\n            height: 0.78rem;\r\n            line-height: 0.78rem;\r\n            font-weight: 400;\r\n            font-size: 0.3rem;\r\n            color: #000000;\r\n            text-align: center;\r\n            box-sizing: border-box;\r\n            padding: 0 0.14rem;\r\n            cursor: pointer;\r\n          }\r\n          img {\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            bottom: -0.15rem;\r\n            width: 2.14rem;\r\n            height: 0.08rem;\r\n          }\r\n          .active {\r\n            font-weight: bold;\r\n            color: #ffffff;\r\n            background: #4375c8;\r\n          }\r\n        }\r\n      }\r\n      .lineBox {\r\n        width: 90%;\r\n        height: 2px;\r\n        background: #f5f5f5;\r\n        margin: 0 auto;\r\n        margin-top: 0.1rem;\r\n      }\r\n      .tabContent {\r\n        margin-top: 0.5rem;\r\n        // .img0 {\r\n        //   width: 10.22rem;\r\n        //   height: 5.5rem;\r\n        // }\r\n        // .img1 {\r\n        //   width: 8.84rem;\r\n        //   height: 6.03rem;\r\n        // }\r\n        // .img2 {\r\n        //   width: 9.43rem;\r\n        //   height: 6.04rem;\r\n        // }\r\n        // .img3 {\r\n        //   width: 15.53rem;\r\n        //   height: 5.23rem;\r\n        // }\r\n        // .img4 {\r\n        //   width: 11.31rem;\r\n        //   height: 5.14rem;\r\n        // }\r\n        img {\r\n          max-width: 100%;\r\n          width: auto 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProcessOptimize.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProcessOptimize.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProcessOptimize.vue?vue&type=template&id=11fd5892&scoped=true\"\nimport script from \"./ProcessOptimize.vue?vue&type=script&lang=js\"\nexport * from \"./ProcessOptimize.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProcessOptimize.vue?vue&type=style&index=0&id=11fd5892&prod&lang=less&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  \"11fd5892\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ProcessOptimize20.1ebee362.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize15.42cc7732.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize6.f477e472.png\";","import Vue from 'vue';\r\n// 滚动窗口显示对象时执行动画\r\nconst animateScroll = Vue.directive('scroll', {\r\n    inserted: function (el, binding) {\r\n        const observer = new IntersectionObserver(\r\n            (entries, observer) => {\r\n                entries.forEach((entry) => {\r\n                    if (entry.isIntersecting) {\r\n                        const animationClass = binding.value;\r\n                        el.classList.add(animationClass);\r\n                        observer.unobserve(el);\r\n                    }\r\n                });\r\n            },\r\n            {\r\n                rootMargin: \"0px\",\r\n                threshold: 0.1,\r\n            }\r\n        );\r\n        observer.observe(el);\r\n    }\r\n})\r\nexport default animateScroll\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProcessOptimize.vue?vue&type=style&index=0&id=11fd5892&prod&lang=less&scoped=true\"","module.exports = __webpack_public_path__ + \"img/ProcessOptimize7.18806b67.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize19.3441d35a.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize14.3c21f196.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAICAYAAACF1wFxAAAAAXNSR0IArs4c6QAABHtJREFUWEflWdtu1DAQHSf9/2/j8kjV8oIoPABtYUvpJkFzs884sZtdhFBFpVWcxJ4Zj885nrjpcZkXgr9k7UGuifye77ijd+brXN27GR7j4+rx6OvUdgi0Gox+enZ7/Vrvar/n2PD81Xns5az20/OLMbbauqLlb2/OanycM663dntwgJja0/9f90kP01LmvBD5HV+FPAvRPNuV20wmfpesnYxwMPNkmV8R7JwVgQz96eIgiHPbjEpoSwTeluBkwbDJyT3Mt7egWZQst7lvAiGyNgpTzuMZ+ZP1hMTtJlYj2TjfwFJUjo1E7w4dOm4JdOtZzmU137Aeu4OIq+h4Xq1tx166f1QqXX880KvLW3p9eUvvPvygw+NEF0OiYdBd62JMdDEONI6JhkQ0JH5HlPi9tK0vX5P20+dE45Dkh215Z/3YHtsZB1I7bD+PUbvuV/sN6h/9Wkxsg/uwDRljfXMMNo7vQ3xJYxzFjgIdwR12Fn7vxOIGb+/VmE2CGVhFmBC4wZ75BuKyC/kh8yuGhFsHl10TiofN60yMybSycPaMoFg8V0JUdprkMZuSbsj3ajcLyd27d8WEZjL5PHyNGvOvyZc+fztK2t/fHOjN9R29vrqjyw/f6fBzEoDJ2ixLBvHeMF9av4BzJiU5wY1oTjhJsIsLtFkUXCBEGEx88jgmsj4XIFQ2sqiYuFyAyKgoFQET8mcB0rbaVnEaRST4WmIQeyA+4s/uWTT1XufFAfKaxx1bgcdxy9Xi4Xv/+XvtojEVIm4DV8cWT6GX5Vrzxfql8blwuri6tpVd6/TaxmN2OZV5uv981VjLnPVjicV7lYebL0asTwd6e3Un5MrEGv4fYr00Ifib8Qp4a/EwoiKB19WFk1qrEwY+ElieuSDwOyG0iQC3jWQqDApieT+qXR4vlZONKW0FN4uHiJCMK1WVC1OuhMCviAr7y2OcOBwrU1m3Kq/KkEAqMqUqCgLz9UEPL1ig5nmhaVro6Xik43GS36+nJ7nO80zTNJuSlX1RtQGKJizCOSBDQDwGacMC1S6rY1a1qG6ngmuztKtU1UsMq+7AxZYKejx7Cqu2ivo8cUeo26u5BpeLlZbxA8OVPpSpYb5Y1kFBBetme092v95dqprUe65s2O7lePCdz+tce77OEiAsLVCiaxvRV1yXmDC3p+AF8Yo4zLuybcU5hqoeTbdH3bG45nOG8WEFlwJMNL7ywaG+y6Hb9q3WNAgrEUL0EXBN+NVlRygNqjoBjezd8SvHDSjkM9CtBbMMnLI2eGbgyd2ETwArCFMNitV0LW960JSPRtY+MIV1rQXCV74r4APpuZPE3iFHI1tboPWuaK42nTJOfLalR1wzFPoadTCmAcjeJhBEsIOGdD89hfg9diFVZlv5LlDDWlPKRll9RKKvFoDreAJpe2Rp56gP+M6G4h/2tYG9rvb2iywLKrU6Aw8quDp6KxAEnAGtXCchkS1pb9qu2ATJWaWyRazOOtYi1QJyS0g0e50KoPdPBeRcEzVYacVOcQ9oU/A3IsIbs/+9NkIAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/ProcessOptimize22.4f1a7e68.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize3.8910c02e.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize12.de8be280.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize16.bb1db999.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize24.f0f76286.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize25.9d928cfd.png\";","module.exports = __webpack_public_path__ + \"img/SystemBuild2.74097267.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize17.cc7abad0.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize18.e40ca46a.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize23.81391d28.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize13.7183cb8d.png\";","module.exports = __webpack_public_path__ + \"img/ProcessOptimize8.18806b67.png\";"],"sourceRoot":""}