{"version":3,"sources":["webpack:///./src/assets/imgs/home/ver3.png","webpack:///./src/assets/imgs/home/ver1.png","webpack:///./src/components/home/Screen5.vue?0121","webpack:///./src/assets/imgs/home/order3.png","webpack:///./src/components/home/Screen4.vue?7b08","webpack:///./src/assets/imgs/home/icon/voc3.png","webpack:///./src/assets/imgs/home/exp2.jpg","webpack:///./src/components/home/Screen3.vue?c4df","webpack:///./src/assets/imgs/home/icon/voc2.png","webpack:///./src/assets/imgs/home/icon/voc4.png","webpack:///./src/components/home/Screen2.vue?d658","webpack:///./src/views/Home.vue","webpack:///./src/components/home/Screen1.vue","webpack:///src/components/home/Screen1.vue","webpack:///./src/components/home/Screen1.vue?636b","webpack:///./src/components/home/Screen1.vue?52b9","webpack:///./src/components/home/Screen2.vue","webpack:///src/components/home/Screen2.vue","webpack:///./src/components/home/Screen2.vue?da13","webpack:///./src/components/home/Screen2.vue?35a7","webpack:///./src/components/home/Screen3.vue","webpack:///src/components/home/Screen3.vue","webpack:///./src/components/home/Screen3.vue?2f9b","webpack:///./src/components/home/Screen3.vue?9ab6","webpack:///./src/components/home/Screen4.vue","webpack:///src/components/home/Screen4.vue","webpack:///./src/components/home/Screen4.vue?bee2","webpack:///./src/components/home/Screen4.vue?7b52","webpack:///./src/components/home/Screen5.vue","webpack:///src/components/home/Screen5.vue","webpack:///./src/components/home/Screen5.vue?79cc","webpack:///./src/components/home/Screen5.vue?53d7","webpack:///./src/components/home/Screen6.vue","webpack:///src/components/home/Screen6.vue","webpack:///./src/components/home/Screen6.vue?afd9","webpack:///./src/components/home/Screen6.vue?a986","webpack:///src/views/Home.vue","webpack:///./src/views/Home.vue?2b8c","webpack:///./src/views/Home.vue?a0f1","webpack:///./src/assets/imgs/home/ani/ani5.png","webpack:///./src/components/home/Screen1.vue?e3e4","webpack:///./src/assets/imgs/home/exp3.jpg","webpack:///./src/assets/imgs/home/order2.png","webpack:///./src/assets/imgs/home/order1.png","webpack:///./src/components/home/Screen6.vue?56b2","webpack:///./src/assets/imgs/home/exp4.jpg","webpack:///./src/assets/imgs/home/ver2.png","webpack:///./src/assets/imgs/home/icon/voc1.png","webpack:///./src/assets/imgs/home/exp1.png"],"names":["module","exports","render","_vm","this","_c","_self","attrs","staticRenderFns","staticClass","require","name","component","_v","_m","model","value","activeName","callback","$$v","expression","on","proLeft","slot","proRight","data","methods","activeNum","parseInt","components","Screen1","Screen2","Screen3","Screen4","Screen5","Screen6","mounted","$store","state","activeIndex"],"mappings":"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","file":"js/chunk-7519cc84.20fd8375.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ver3.b4be1d6e.png\";","module.exports = __webpack_public_path__ + \"img/ver1.cc21b505.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen5.vue?vue&type=style&index=0&id=65bcc43a&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/order3.8c94b8a7.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen4.vue?vue&type=style&index=0&id=5ad06fca&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAMAAADi4EJ+AAADAFBMVEVHcEwBdNrG5f/G5v8Ca8rI5v/////G5v8DbMsBiPzf///////O5//M6P/H5v/G5v/J6//H5f8AiPvH5f/I6v/R6P/G5v8Ah/nH5v/G5v/J8v/J6f/M5v/H5v/I5//K6f/H5//H5v8Bf+vI5v8BfuvG5v/H5v/G5f/J6P/H5v/N5v/H5f/H5v/G///G6v/I5f/H5v/H5v/I5//H5v8Aiv/L6//H5f/H5f/H5f8Ai//G5f/G5v8Tfd0IguvJ5v/J5v/X6//I5v/Z///H5v8SiO3I5/8Pe90DZsUEhfTI5v8Azf8AgfHH5//G5f/////H5v/H5v8AgOgBhvgAhvUKk/8Ea8oCZsMCZ8WAgP/H5f8CZsTG5v8DachNn+jJ5v8DZ8UblPsCbM0CcNLH5/8AhvgYgNkAjP/I6P8AgvUAkv+PxfNQsP8AjP8DbtACdNsDbMoBcNUggN8DdNlqr+vJ6P8Bg/IAhPQBdt3H5v9WpOkBeeCfzvfG5v8Aj/8DaMcCgfABeeMAn/84leXI7f8Th+xJqf0IeNvH5f8Ah/wAiv4Ai/8SivLG6P/J5f8Ea8oAiPt2wP7H5f/H5f/G5/8AifmIvu4QhuwAiv9CmOUoiuEBe+cznPYAh/kAh/kAif8Ea8wHg+oCfeoAh/8BbdAAiPq94f+L0f8CiPsBfukvjuMBc9kEcNMCcNMGh/IAhvgAhPZfqu0slvAAhPYCg/IShusAhvgCc9csiuSGvu8GbMwBdNmu2/0AiPmh0vwDacoBfOcBeOIDbs8wjN1Av/+o1vwBgvAMg+gAgO2czfUtk+wBeuR2uvQDbc4BfusQguYJhOzH5v/M///H5v/G5f8Bbc8Bc9oBa8wCdNoAfekBfekCackAif0Ah/oCb9IBeeMBctcBdt0BZ8YBcNUAgvIVkfsXeNAAhvcAiPsAifwBd+ACaMYCasoBdNsAhPQAg/QBdNoAhfcBbtEBctgBeOABcNQBe+YAh/kBhvcCc9gCbM0Cdt4Ae+Y3itiIxvtNp/Sjz/csRsbPAAAA03RSTlMA4+7p45gC6klJCAEVFK/cJtrjgCUWguNosBM5ClJqOn+X4zzjq869S74ex5YJJIGtmmuE2CfkO7Hvxmf46z1QDFMGyPoq9cggbwKFIOUDhXEsZ9QNO3POAtvy5q9wR2H2o5lJ8jatODEc06hmw4ZX/giuvCHyvdxu4+/fyzmTnLcI4g74c+uVU97VYi1ZPvq27NlefeT2gfj69Nnat0GMJZ0Rr5xdC4HGz/2G+3mabO35h3Wp9HNMrS3qhyulrPHmuuQE8M6/ONXcraKtwI8bjAq1nOPnpQAAAuRJREFUSMdjYBikgFNInJN83So3btpyk62b8fpVG0FrLjJ1c7A85bCzYFaQIlP/ZSA2NWTS0SNbNwODqBi7gTTZuhkYZIz4rey5ydXNwMDm6CwowUWubiBQliQxAC+jcgUMmRRFiE9Dl9EFgAE47cZNJTJ1AwPQ7fpVRnJ1O7FOfcrCQaZuHzVVh8tkhhqDBrsnVu8Qo5vN2Ewaq3dwRAOKQh5NdR7sgYGZlWu7LKdDFWamWZrkMMj7GrPhCErMrNz54vaLeWCFjSa3gSCbPRlnRGBkZa/+O3fuBIEVdgBZd74laOFJBBhZee7zZ1s9wAqn3Hn2/cOzFAZCupGz8pJ1m/aABEOWz/nw7u3bd2VE6IZn5UXBXiDBw0HB65fNfvz4cWkGUbqhWXntZhDz71HvEGDy6q739mAgUjc4K2/cLcVw/Oy/85DkRSjroIgtWLhiy94jJ48FXvbzN5NmIE134Kyvv7/uP3eane+ypjovA4m6G+6BwCkGmQuXL11kIFV31cvPQHiAIYD9Mh+zMA+JussfPHjw68GuQye0LjOIsDKxCpCkO+/N+zfvr27YcfDMfyBv+8qZTbEk6C4sun//04ylDAyhf/bt3Lbq0/0f9ytl2YiP79TialewYKj7mi9fHj16VJDFL6dLpO4SYOkFFVz98S4QfLybJM/Hrs9DjG4N9gq44OIrEJDLwCCiCAlAvLqBySsdITj/5zUwSARxeYXZJc05n2ApxGC6RZGT12WGvlu3XoNQPkSAS0KwBVtdAtWtHC3GhiJY9/Dhq4evYuBC3G3Y6hKI7gDmOHTBePeo8LAI5EIMS10CUtjMV6NFMFnhKvh7+NudGMjVPXliLzEZAmuz8MmESa4MZOoG1iUuvAzk6gbWJW5EZmWszUIWDiKzMk7AK8zMZ062bmBKlIvUJpCV8QJuWSv8WZkQwJ+VCQN8WZm4AGSXbBV6QnbPgkvChehWIY4kxEi+bqw5eXgAAKtCKD+BB+J2AAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/exp2.bcaaa2fc.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen3.vue?vue&type=style&index=0&id=0efc8874&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAACxFBMVEVHcEzH5v/O5v/I5v/H5f/L6f/////H5//H5f/G5v/H5f/I6f/H5//G5v/I5v/b///M5v/G5v/G5f/I5//I5v/////I6f/G5v/H5f/H5//R6P/H5f/J6P/H5v/K6v/G5v/H5f8Ujv/H5v/H5v/H5v/H5f/K6P/I5f/G5//G5v/L6v/G5f/G5v/G5v8NfOTM5v/G5f/G5v/H5//H5v/G5v8Bdt4DbMsBdNoDacYCbM8GacgXdNEDc9iAgP8DbMsEZ8QDd94CZ8UBc9gMgOICaMYDa8oDZ8Vaq/ACd94Cc9gLddUDdNkGdNgIc96+4v8CeuMggN8wkegBeOMBdNmAxv8Eb9EFdtkTkfsAfOhTtP/M6/8jiuHH5v8cmf8cj/MEe+YOjfcEeOEDe+MJgegDg/AAf+wAg/IHguwBbdA3mu7G5f8BfusFbs0kiN8BiPwUiu4BgOwCa8zH5f8Ca8rG5v8AiPojhNwDasclg9kCaMdLltqozfMRb8gkgtUlgNICZ8UCZsQCaMUCackCbc8BackBbM8CZsUBdt0CcNQEctSMxfc2me4AifwFe+SRx/gBcNQIj/8AifwGjP8FfOUCcNSFw/cAhfgtlO0BcNUBgO0AhvcAh/gBfux+v/YXi/8Yi+0NjfYCh/oMjPYBfOgBfegVds8Ajf8AgO8BhPQEbMsSlP8Ai/8VlP8Ah/lWsf0SkfsSiO5KpfQAifkFhPEAj/8AgO8BhPMBgfBEovMAhPYCgvADgOsVgN4Tds8AgvINhex8wv4Bb9MBbM4BctcBbc8BackCcNMBctgBdNsBd98AeeMBc9gBfOcAfusAg/MBddwCa8wCbc4Bdd0BassAiPsBge8BeOEAgfACcNQBc9oCaskCb9MBhvgAhfcBg/MAe+cCbdABdt8Bd+AAgO8BeeIBf+wBfOgAfekBfekCaMcBddsBg/RCeg6EAAAAwXRSTlMAth9TsiIBf+zXny5p6TwHCrlsSoYEF5DZiRaoTOgYWqcJhXznO0NPNlExztzqEhTv74Lt+/hJ41qGLgudAlOGWPjTFs6fsvWpdhhQLh+CbwjP49jvjzb8eTIZ2OsF1jzXQ/fhI9Cxbv7v+OMz2Enn/sPj4+Pk2FfY4bwph9jY3Orq6e7p7tz5+Yn8+Kv+/Pkgtij+ieb3+f78g/r+5wut+I748fH8SvPk5elA5eN/+raNKTgQger3kjaL5vxQPfLAp153CAAAAz5JREFUSMdjYBgFQxuwccuLsGjr6GZl6epos4jIc7MRq1OAmYuXU0FZU4tV38hIn1VLU1mBk5eLWYAIrWJKHIw8TFAOOzuUwcTDyKEkRkArvySHOCuCC9cMBKziHJL8+PRqcEpLIfORNTMwSElzauDWqxajjiqAqpmBQT1GDZdePhVVBvyaGVRV+LDrFZWQYSCkmWHd+rV52DQLsTAQ1pz9/EU2Ns2CwkRoNr950xybZlk5jBRmYoKewsxWLjXDpxl/CouSZcDtbEIpTFiQAVeAEU5hLEK4oopwCpOREMWRSIwNUVPY6jWrlqGmMENjPlwpzNgAWfOEnitAMHESsmYDY9wpDMnZ82ZNu3v37p27d2cv3AIWyCstPYDb2SgBtmnF63P3zgERkNi2EySy+/mL/bgDDBpVIuCo2rx1+dXHV6+D8PZd+0BRtQeStnBEFUoiKcjfOH/m2bNnn87ZsCO/AJRI9hYXg9KWnCwDweR55syzzKndZ85Mn5t55tkZpAIQbwqDaj4FBL3ufV3uk0EsJM14Uhjc2SdPPjp58mFg4EMQfRIpbeNOYYi0fQIIzp+Pjj7xCkifQKRt3ClMRRUeVYePHwaC3FwgBUTwtI2zGAIWgIYlsEQy4+CNg8cOlpWByIMzYGm7xFANd+lpUATTHJpx5MiDIxUVQPJBRihMc5EBvtITkSVzCi9cvlxbe/nC5cIcBsLOhgaYCKwwKK98WVf3srIcVhiI4AswlKgCFUPVNVVVNdVoxRDetE2gAMSVSELkiCh6GeRCsGoOjyRGc2Q4Vs2LEhQJa1ZMWIBVc9z1NEVCmhXTrsdh1Zx+9mxqCn7NKalnn6Zj1RybfP/+kghF3JoVIxafuZ8ciz2VxCddu/YkyF8Pu2Y9/6An164lxeNKn4mmly6dv2Tq4eCMrtnZwaP9PFDSNBF3uyIs+PDp04ePnz7uZOPp7eOr5+en5+vj7WnjBBQCwtPBYfhaNAGd/bdBmRCMbgOJGwcR/I4pAQQaU16WzYcOHbl46AiQPHTxEBBdhPBbLb2IaMZZ27k2Hb119NYtEHH0KJhscbWzJrYFaWtlYe/m0tbg6NhY7+Jmb2FlO9oeH7kAAEkGM/aqaGTuAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,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\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen2.vue?vue&type=style&index=0&id=9762d168&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"homeContainer\"}},[_c('Screen1'),_c('Screen2'),_c('Screen3'),_c('Screen4'),_c('Screen5'),_c('Screen6')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"loopContainer\"}},[_c('div',{attrs:{\"id\":\"loopSeat\"}}),_c('div',{attrs:{\"id\":\"loopBox\"}},[_c('el-carousel',{attrs:{\"trigger\":\"click\",\"height\":\"100%\"}},[_c('el-carousel-item',[_c('div',{attrs:{\"id\":\"itemOne\"}},[_c('div',{staticClass:\"aniWapper\"},[_c('div',{attrs:{\"id\":\"page1LeftTop\"}},[_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani1\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani2\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani3\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani4\"}})]),_c('div',{attrs:{\"id\":\"pageRgithTop\"}},[_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani5\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani6\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani7\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani8\"}})]),_c('div',{attrs:{\"id\":\"pageBottom\"}},[_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani9\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani10\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani11\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani12\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani13\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani14\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani15\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani16\"}}),_c('span',{staticClass:\"aniBox\",attrs:{\"id\":\"ani17\"}})])]),_c('img',{staticClass:\"loopImg\",attrs:{\"src\":require(\"../../assets/imgs/home/order1.png\")}})])]),_c('el-carousel-item',[_c('div',{attrs:{\"id\":\"itemTwo\"}},[_c('img',{staticClass:\"loopImg\",attrs:{\"src\":require(\"../../assets/imgs/home/order2.png\")}})])]),_c('el-carousel-item',[_c('div',{attrs:{\"id\":\"itemThree\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/ani/ani5.png\"),\"id\":\"page2Rotate\"}}),_c('img',{staticClass:\"loopImg\",attrs:{\"src\":require(\"../../assets/imgs/home/order3.png\")}})])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"loopContainer\">\n        <div id=\"loopSeat\"></div>\n        <div id=\"loopBox\">\n            <el-carousel trigger=\"click\" height=\"100%\">\n                <el-carousel-item>\n                    <div id=\"itemOne\">\n                        <div class=\"aniWapper\">\n                            <div id=\"page1LeftTop\">\n                                <span class=\"aniBox\" id=\"ani1\"></span>\n                                <span class=\"aniBox\" id=\"ani2\"></span>\n                                <span class=\"aniBox\" id=\"ani3\"></span>\n                                <span class=\"aniBox\" id=\"ani4\"></span>\n                            </div>\n                            <div id=\"pageRgithTop\">\n                                <span class=\"aniBox\" id=\"ani5\"></span>\n                                <span class=\"aniBox\" id=\"ani6\"></span>\n                                <span class=\"aniBox\" id=\"ani7\"></span>\n                                <span class=\"aniBox\" id=\"ani8\"></span>\n                            </div>\n                            <div id=\"pageBottom\">\n                                <span class=\"aniBox\" id=\"ani9\"></span>\n                                <span class=\"aniBox\" id=\"ani10\"></span>\n                                <span class=\"aniBox\" id=\"ani11\"></span>\n                                <span class=\"aniBox\" id=\"ani12\"></span>\n                                <span class=\"aniBox\" id=\"ani13\"></span>\n                                <span class=\"aniBox\" id=\"ani14\"></span>\n                                <span class=\"aniBox\" id=\"ani15\"></span>\n                                <span class=\"aniBox\" id=\"ani16\"></span>\n                                <span class=\"aniBox\" id=\"ani17\"></span>\n                            </div>\n                        </div>\n                        <img src=\"../../assets/imgs/home/order1.png\" class=\"loopImg\">\n                    </div>\n                </el-carousel-item>\n                <el-carousel-item>\n                    <div id=\"itemTwo\">\n                        <img src=\"../../assets/imgs/home/order2.png\" class=\"loopImg\">\n                    </div>\n                </el-carousel-item>\n                <el-carousel-item>\n                    <div id=\"itemThree\">\n                        <img src=\"../../assets/imgs/home/ani/ani5.png\" id=\"page2Rotate\">\n                        <img src=\"../../assets/imgs/home/order3.png\" class=\"loopImg\">\n                    </div>\n                </el-carousel-item>\n            </el-carousel>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Screen1',\n}\n</script>\n\n<style scoped>\n    #loopContainer{\n        border-top: 1px solid #fff;\n        position: relative;\n    }\n    #itemOne{\n        background: url(../../assets/imgs/home/order1bg.png);\n        background-size: 100% 100%;\n        position: relative;\n    }\n    #itemTwo{\n        background: url(../../assets/imgs/home/order2bg.png);\n        background-size: 100% 100%;\n    }\n    #itemThree{\n        /* background: url(../../assets/imgs/home/order3bg.png);\n        background-size: 100% 100%; */\n        background: #151053;\n    }\n    #loopSeat{\n        width:100%;\n        height:0;\n        overflow:hidden;\n        padding-bottom:calc(46.75% + 50px);\n    }\n    #loopBox{\n        position: absolute;\n        top: 0;\n        width: 100%;\n        height: 100%;\n    }\n    #loopBox div,\n    .el-carousel__container{\n        height: 100% !important;\n    }\n    .loopImg{\n        width: 100%;\n        margin-top: 50px;\n    }\n    /* 动效 */\n    .aniWapper{\n        position: absolute;\n        width: 100%;\n    }\n    /* page1 */\n    .aniBox{\n        display: inline-block;\n        position: absolute;\n    }\n    #ani1{\n        width: 2px;\n        height: 60px;\n        background: -webkit-linear-gradient(#005154, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#005154, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#005154, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#005154, #001322);\n        right: 42%;\n        top: 18%;\n         animation:ani1 5s linear infinite;\n\t    -webkit-animation:ani1 5s linear infinite;\n    }\n    #ani2{\n        width: 15px;\n        height: 15px;\n        border-radius: 50% 50%;\n        background: -webkit-linear-gradient(#018d8c, #025357); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#018d8c, #025357); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#018d8c, #025357); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#018d8c, #025357);\n        right: 43.5%;\n        animation:ani2 7s infinite alternate;\n\t    -webkit-animation:ani2 7s infinite alternate;\n    }\n    #ani3{\n        width: 2px;\n        height: 50px;\n        background: -webkit-linear-gradient(#007e7f, #001a29); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#007e7f, #001a29); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#007e7f, #001a29); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#007e7f, #001a29);\n        right: 45.5%;\n        animation:ani34 8s linear infinite;\n\t    -webkit-animation:ani34 8s linear infinite;\n    }\n    #ani4{\n        width: 28px;\n        height: 40px;\n        background: url(../../assets/imgs/home/ani/ani3.png);\n        background-size: 100% 100%;\n        right: 47%;\n        animation:ani34 10s linear infinite;\n\t    -webkit-animation:ani34 10s linear infinite;\n    }\n    #ani5{\n        width: 22px;\n        height: 22px;\n        border-radius: 50% 50%;\n        background: url(../../assets/imgs/home/ani/ani4.png);\n        background-size: 100% 100%;\n        right: 15%;\n        margin-top: -3.5%;\n        animation:ani2 5s infinite alternate;\n\t    -webkit-animation:ani2 5s infinite alternate;\n    }\n    #ani6{\n        width: 38px;\n        height: 50px;\n        right: 10%;\n        margin-top: 3.5%;\n        background: url(../../assets/imgs/home/ani/ani3.png);\n        background-size: 100% 100%;\n        animation:ani1 5s linear infinite;\n\t    -webkit-animation:ani1 5s linear infinite;\n    }\n    #ani7,#ani8{\n        width: 2px;\n        animation:ani1 5s linear infinite;\n\t    -webkit-animation:ani1 5s linear infinite;\n    }\n    #ani7{\n        height: 45px;\n        right: 11.5%;\n        margin-top:10%;\n        background: -webkit-linear-gradient(#008999, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#008999, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#008999, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#008999, #001322); \n    }\n    #ani8{\n        height: 58px;\n        right: 10%;\n        margin-top:9%;\n        background: -webkit-linear-gradient(#005e6a, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#005e6a, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#005e6a, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#005e6a, #001322);\n    }\n    #ani9{\n        width: 50px;\n        height: 100px;\n        background: url(../../assets/imgs/home/ani/ani2.png);\n        background-size: 100% 100%;\n        right: 45%;\n        animation:ani10 7s linear infinite;\n\t    -webkit-animation:ani10 7s linear infinite;\n    }\n    #ani10{\n        width: 2px;\n        height: 45px;\n        right: 41%;\n        margin-top: 32%;        \n        background: -webkit-linear-gradient(#008999, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#008999, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#008999, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#008999, #001322); \n        animation:ani1 5s linear infinite;\n\t    -webkit-animation:ani1 5s linear infinite;\n    }\n    #ani11{\n        width: 40px;\n        height: 42px;\n        background: url(../../assets/imgs/home/ani/ani1.png);\n        background-size: 100% 100%;\n        right: 13%;\n        bottom: 17%;\n        animation:ani11 5s linear infinite;\n\t    -webkit-animation:ani11 5s linear infinite;\n    }\n    #ani12{\n        width: 2px;\n        height: 45px;\n        right: 32.5%;\n        margin-top: 35%;     \n        background: -webkit-linear-gradient(#008999, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#008999, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#008999, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#008999, #001322); \n        animation:ani1 7s linear infinite;\n\t    -webkit-animation:ani1 7s linear infinite;\n    }\n    #ani13{\n        width: 2px;\n        height: 40px;\n        right: 33.5%;\n        margin-top: 38%;     \n        background: -webkit-linear-gradient(#0c555f, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#0c555f, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#0c555f, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#0c555f, #001322); \n         animation:ani1 5s linear infinite;\n\t    -webkit-animation:ani1 5s linear infinite;\n    }\n    #ani14{\n        width: 2px;\n        height: 45px;\n        right: 20%;\n        margin-top: 32%;      \n        background: -webkit-linear-gradient(#008999, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#008999, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#008999, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#008999, #001322); \n        animation:ani1 7s linear infinite;\n\t    -webkit-animation:ani1 7s linear infinite;\n    }\n    #ani15{\n        width: 2px;\n        height: 45px;\n        right: 21%;\n        margin-top: 35%;      \n        background: -webkit-linear-gradient(#008999, #001322); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#008999, #001322); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#008999, #001322); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#008999, #001322); \n         animation:ani1 5s linear infinite;\n\t    -webkit-animation:ani1 5s linear infinite;\n    }\n    #ani16{\n        width: 15px;\n        height: 15px;\n        border-radius: 50% 50%;\n        background: -webkit-linear-gradient(#018d8c, #025357); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#018d8c, #025357); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#018d8c, #025357); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#018d8c, #025357);\n        right: 17.5%;\n        bottom: 15%;\n        animation:ani11 10s infinite alternate;\n\t    -webkit-animation:ani11 10s infinite alternate;\n    }\n    #ani17{\n        width: 15px;\n        height: 15px;\n        border-radius: 50% 50%;\n        background: -webkit-linear-gradient(#018d8c, #025357); /* Safari 5.1 - 6.0 */\n        background: -o-linear-gradient(#018d8c, #025357); /* Opera 11.1 - 12.0 */\n        background: -moz-linear-gradient(#018d8c, #025357); /* Firefox 3.6 - 15 */\n        background: linear-gradient(#018d8c, #025357);\n        right: 35%;\n        bottom: 6%;\n        animation:ani11 5s infinite alternate;\n\t    -webkit-animation:ani11 5s infinite alternate;\n    }\n    /* 动画 */\n    @keyframes ani1{\n        0%{\n            top: 22%;\n            opacity: 0;\n        }\n        50%{\n            top: 18%;\n            opacity: 1;\n        }\n        100%{\n            top: 14%;\n            opacity: 0;\n        }\n    }\n    @-webkit-keyframes ani1{\n        0%{\n            top: 22%;\n            opacity: 0;\n        }\n        50%{\n            top: 18%;\n            opacity: 1;\n        }\n        100%{\n            top: 14%;\n            opacity: 0;\n        }\n    }\n    @keyframes ani2{\n        0%{\n            top: 29%;\n            opacity: 0;\n        }\n        100%{\n            top: 25%;\n        }\n    }\n    @-webkit-keyframes ani2{\n        0%{\n            top: 29%;\n            opacity: 0;\n        }\n        100%{\n            top: 25%;\n        }\n    }\n    @keyframes ani34{\n        0%{\n            top: 32%;\n            opacity: 0;\n        }\n        50%{\n            top: 28%;\n            opacity: 1;\n        }\n        100%{\n            top: 24%;\n            opacity: 0;\n        }\n\n    }\n    @-webkit-keyframes ani34{\n        0%{\n            top: 32%;\n            opacity: 0;\n        }\n        50%{\n            top: 28%;\n            opacity: 1;\n        }\n        100%{\n            top: 24%;\n            opacity: 0;\n        }\n    }\n    @keyframes ani10{\n        0%{\n            bottom: 18%;\n            opacity: 0;\n        }\n        50%{\n            bottom: 25%;\n            opacity: 1;\n        }\n        100%{\n            bottom: 29%;\n            opacity: 0;\n        }\n    }\n    @-webkit-keyframes ani10{\n        0%{\n            bottom: 18%;\n            opacity: 0;\n        }\n        50%{\n            bottom: 25%;\n            opacity: 1;\n        }\n        100%{\n            bottom: 29%;\n            opacity: 0;\n        }\n    }\n    @keyframes ani11{\n        0%{\n            opacity: .5;\n        }\n        50%{\n            opacity: 1;\n        }\n        100%{\n            opacity: .5;\n        }\n    }\n    @-webkit-keyframes ani11{\n        0%{\n            opacity: .5;\n        }\n        50%{\n            opacity: 1;\n        }\n        100%{\n            opacity: .5;\n        }\n    }\n    /* page2 */ \n    #page2Rotate{\n        position: absolute;\n        width: 20.57291667%;\n        right: 19.53125%;\n        top: calc(28.042328% + 48px);\n        animation:page2Rotate 10s linear infinite;\n        -webkit-animation:page2Rotate 10s linear infinite;\n    }\n    /* 转动动画 */\n    @keyframes page2Rotate {\n        0% {\n            transform:rotate(0deg);\n        }\n        100% {\n            transform:rotate(360deg);\n        }\n    }\n    @-webkit-keyframes page2Rotate {\n        0% {\n            transform:rotate(0deg);\n        }\n        100% {\n            transform:rotate(360deg);\n        }\n    }\n</style>\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!./Screen1.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!./Screen1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen1.vue?vue&type=template&id=1fc31a78&scoped=true&\"\nimport script from \"./Screen1.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen1.vue?vue&type=style&index=0&id=1fc31a78&prod&scoped=true&lang=css&\"\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  \"1fc31a78\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"loopVertical\"}},[_c('div',{attrs:{\"id\":\"verticalTital\"}},[_vm._v(\"三博产品\")]),_c('div',{attrs:{\"id\":\"verticalContainer\"}},[_c('div',{attrs:{\"id\":\"itemSeat\"}}),_c('div',{attrs:{\"id\":\"itemCont\"}},[_c('el-carousel',{attrs:{\"direction\":\"vertical\",\"height\":\"100%\",\"autoplay\":false}},[_c('el-carousel-item',[_c('div',{staticClass:\"verticalItem\"},[_c('div',{staticClass:\"itemImg\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/ver1.png\")}})]),_c('div',{staticClass:\"itemText\"},[_c('div',{staticClass:\"textTital\"},[_c('p',[_vm._v(\"智慧水务：为水务安装智慧大脑\")]),_c('span')]),_c('div',{staticClass:\"textCont\"},[_vm._v(\"\\n                                智慧水务是指通过数据采集、传输等传感设备实时感知城市供排水系统的运行状态，采用可视化方式有机整合了水务管理部门与供排水设施，形成“水务物联网”，利用数据建模分析海量的给排水数据，构建一个基于物联网的给排水综合智慧平台，实现最佳管理状态，提升运营效益。\\n                            \")]),_c('div',{staticClass:\"itemLink\"},[_c('router-link',{attrs:{\"to\":\"/product?id=0\",\"tag\":\"button\"}},[_vm._v(\"查看详情\")]),_c('router-link',{attrs:{\"to\":\"/\",\"tag\":\"span\"}},[_c('span'),_vm._v(\"更多产品\")])],1)])])]),_c('el-carousel-item',[_c('div',{staticClass:\"verticalItem\"},[_c('div',{staticClass:\"itemImg\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/ver2.png\")}})]),_c('div',{staticClass:\"itemText\"},[_c('div',{staticClass:\"textTital\"},[_c('p',[_vm._v(\"智慧水务：实时水力模型（B/S）系统\")]),_c('span')]),_c('div',{staticClass:\"textCont\"},[_vm._v(\"\\n                               供水管网实时水力模型（B/S）系统是集中整合供水管网运行工况信息的平台，是对供水管网运行工况进行实时数字模拟的平台，更是通过数据挖掘、智能算法、深度学习、水力分析等方法实现供水管网管理信息化向智能化转变的平台。\\n                            \")]),_c('div',{staticClass:\"itemLink\"},[_c('router-link',{attrs:{\"to\":\"/product?id=0\",\"tag\":\"button\"}},[_vm._v(\"查看详情\")]),_c('router-link',{attrs:{\"to\":\"/\",\"tag\":\"span\"}},[_c('span'),_vm._v(\"更多产品\")])],1)])])]),_c('el-carousel-item',[_c('div',{staticClass:\"verticalItem\"},[_c('div',{staticClass:\"itemImg\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/ver3.png\")}})]),_c('div',{staticClass:\"itemText\"},[_c('div',{staticClass:\"textTital\"},[_c('p',[_vm._v(\"智慧水务系统：产销差计算分析系统\")]),_c('span')]),_c('div',{staticClass:\"textCont\"},[_vm._v(\"\\n                                产销差计算分析产销差计算分析系统是建立各级别分区漏水实时监测和预警，并实现对各区域的在线漏损指标分析计算和汇总供水范围内各级产销差，从而使水司能够有效控制供水管网的产销差率，更加科学地管理产销差的操作过程。\\n                            \")]),_c('div',{staticClass:\"itemLink\"},[_c('router-link',{attrs:{\"to\":\"/product?id=0\",\"tag\":\"button\"}},[_vm._v(\"查看详情\")]),_c('router-link',{attrs:{\"to\":\"/\",\"tag\":\"span\"}},[_c('span'),_vm._v(\"更多产品\")])],1)])])])],1)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"loopVertical\">\n        <div id=\"verticalTital\">三博产品</div>\n        <div id=\"verticalContainer\">\n            <!-- 撑开div -->\n            <div id=\"itemSeat\"></div>\n            <!-- 内容 -->\n            <div id=\"itemCont\">\n                <el-carousel direction=\"vertical\" height=\"100%\" :autoplay=\"false\">\n                    <el-carousel-item>\n                        <div class=\"verticalItem\">\n                            <div class=\"itemImg\">\n                                <img src=\"../../assets/imgs/home/ver1.png\">\n                            </div>\n                            <div class=\"itemText\">\n                                <div class=\"textTital\">\n                                    <p>智慧水务：为水务安装智慧大脑</p>\n                                    <span></span>\n                                </div>\n                                <div class=\"textCont\">\n                                    智慧水务是指通过数据采集、传输等传感设备实时感知城市供排水系统的运行状态，采用可视化方式有机整合了水务管理部门与供排水设施，形成“水务物联网”，利用数据建模分析海量的给排水数据，构建一个基于物联网的给排水综合智慧平台，实现最佳管理状态，提升运营效益。\n                                </div>\n                                <div class=\"itemLink\">\n                                    <router-link to=\"/product?id=0\" tag=\"button\">查看详情</router-link>\n                                    <router-link to=\"/\" tag=\"span\"><span></span>更多产品</router-link>\n                                </div>\n                            </div>\n                        </div>\n                    </el-carousel-item>\n                    <!-- 第二页 -->\n                    <el-carousel-item>\n                        <div class=\"verticalItem\">\n                            <div class=\"itemImg\">\n                                <img src=\"../../assets/imgs/home/ver2.png\">\n                            </div>\n                            <div class=\"itemText\">\n                                <div class=\"textTital\">\n                                    <p>智慧水务：实时水力模型（B/S）系统</p>\n                                    <span></span>\n                                </div>\n                                <div class=\"textCont\">\n                                   供水管网实时水力模型（B/S）系统是集中整合供水管网运行工况信息的平台，是对供水管网运行工况进行实时数字模拟的平台，更是通过数据挖掘、智能算法、深度学习、水力分析等方法实现供水管网管理信息化向智能化转变的平台。\n                                </div>\n                                <div class=\"itemLink\">\n                                    <router-link to=\"/product?id=0\" tag=\"button\">查看详情</router-link>\n                                    <router-link to=\"/\" tag=\"span\"><span></span>更多产品</router-link>\n                                </div>\n                            </div>\n                        </div>\n                    </el-carousel-item>\n                    <!-- 第三页 -->\n                     <el-carousel-item>\n                        <div class=\"verticalItem\">\n                            <div class=\"itemImg\">\n                                <img src=\"../../assets/imgs/home/ver3.png\">\n                            </div>\n                            <div class=\"itemText\">\n                                <div class=\"textTital\">\n                                    <p>智慧水务系统：产销差计算分析系统</p>\n                                    <span></span>\n                                </div>\n                                <div class=\"textCont\">\n                                    产销差计算分析产销差计算分析系统是建立各级别分区漏水实时监测和预警，并实现对各区域的在线漏损指标分析计算和汇总供水范围内各级产销差，从而使水司能够有效控制供水管网的产销差率，更加科学地管理产销差的操作过程。\n                                </div>\n                                <div class=\"itemLink\">\n                                    <router-link to=\"/product?id=0\" tag=\"button\">查看详情</router-link>\n                                    <router-link to=\"/\" tag=\"span\"><span></span>更多产品</router-link>\n                                </div>\n                            </div>\n                        </div>\n                    </el-carousel-item>\n                </el-carousel>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Screen2',\n}\n</script>\n\n<style scoped>\n    #loopVertical{\n        margin-top:1.5625%;\n        margin-left:12.5%;\n        margin-bottom: 3.90625%;\n        margin-right:5.98958333%;\n    }\n    #verticalTital{\n        line-height: 60px;\n        text-align: right;\n        border-right: 11px solid #086bc4;\n        padding-right: 40px;\n        font-size: 30px;\n        margin-right: 5px;\n        font-weight: bold;\n    }\n    #verticalContainer{\n        position: relative;\n    }\n    #itemSeat{\n        width:100%;\n        height:0;\n        overflow:hidden;\n        /* padding-bottom:42.173%; */\n        padding-bottom:36%;\n    }\n    #itemCont{\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n    }\n    .el-carousel--vertical{\n        width: 100%;\n        height: 100%;\n    }\n    .itemImg{\n        width: 38.338658%;\n        left:0;\n        bottom: 0;\n        position: absolute;\n    }\n    .itemImg>img{\n        width: 100%;\n    }\n    .itemText{\n        width: 49.84%;\n        right:0;\n        bottom: 0;\n        position: absolute;\n        height: 85%;\n    }\n    .itemLink{\n        position: absolute;\n        bottom: 15px;\n        width: 100%;\n        display: flex;\n        align-items: Center;\n    }\n    .itemLink button{\n        border: 0;\n        color: #fff;\n        background: #086bc4;\n        font-size: 16px;\n        padding: 11px 20px;\n        cursor: pointer;\n    }\n    .itemLink>span{\n        position: absolute;\n        right:0;\n        font-size: 16px;\n    }\n    .itemLink>span>span{\n        display: inline-block;\n        width: 90px;\n        height: 3px;\n        background: #333;\n        margin-right: 10px;\n        margin-bottom: 4px;\n    }\n    .textCont{\n        width: 79.48718%;\n        text-indent:32px;\n        line-height: 32px;\n        font-size: 16px;\n    }\n    .textTital{\n        width: 79.48718%;\n    }\n    .textTital>p{\n        font-size: 28px;\n        font-weight: bold;\n    }\n    .textTital>span{\n            width: 112px;\n            height: 5px;\n            display: inline-block;\n            margin-top: 40px;\n            margin-bottom: 30px;\n            background: #000;\n    }\n    @media screen and (max-width: 1540px) {\n        .textTital>p{\n            font-size: 26.5px;\n        }\n        .textTital>span{\n            margin-top: 30px;\n             margin-bottom: 20px;\n        }\n        .textCont {\n            text-indent: 30px;\n            line-height: 30px;\n            font-size: 15px;\n        }\n        .itemLink button{\n            font-size: 15px;\n            padding: 10.5px 20px;\n        }\n        .itemLink>span{\n            font-size: 15px;\n        }\n    }\n    @media screen and (max-width: 1450px) {\n        .textTital>p{\n            font-size: 25px;\n        }\n        .textTital>span{\n            margin-top: 20px;\n            margin-bottom: 15px;\n        }\n        .textCont {\n            text-indent: 28px;\n            line-height: 22px;\n            font-size: 14px;\n        }\n        .itemLink button{\n            font-size: 14px;\n            padding: 8px 20px;\n        }\n        .itemLink>span{\n            font-size: 14px;\n        }\n    }\n</style>\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!./Screen2.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!./Screen2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen2.vue?vue&type=template&id=9762d168&scoped=true&\"\nimport script from \"./Screen2.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen2.vue?vue&type=style&index=0&id=9762d168&prod&scoped=true&lang=css&\"\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  \"9762d168\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"expertContainer\"}},[_c('div',{attrs:{\"id\":\"outsideWrapper\"}},[_vm._m(0),_c('el-carousel',{attrs:{\"interval\":5000,\"arrow\":\"always\",\"height\":\"320px\"}},[_c('el-carousel-item',[_c('div',{staticClass:\"expertWrapper\"},[_c('div',{staticClass:\"expertImg expert\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/exp1.png\")}}),_c('p',[_vm._v(\"赵洪宾 / 总顾问\")])]),_c('div',{staticClass:\"expertText expert\"},[_vm._v(\"\\n                        哈尔滨工业大学 教授 博士生导师，中国供水排水协会科学技术委员会顾问，国务院特殊津贴专家，是我国给水管网系统著名专家。在我国率先开展管网系统分析、优化运行及建模理论等的研究，使给水管网研究达到了国际先进水平，促进了我国给水管网学科的发展。主持了国家自然科学基金、“十一·五”“十二·五”水专项、英国皇家学会基金和英国文化教育委员会基金等项目。研究成果在天津、济南、哈尔滨、沈阳、大连、沧州等国内多个城市推广应用，获得了多个省、部级科技进步奖。培养了博士生三十余人，硕士生百余人。出版专著《给水管网理论与计算》、《给水管网系统理论与分析》、《给水管道卫生学》，译著《给水工程的事故与防治措施》、《降低供水漏损》。\\n                    \")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"expertWrapper\"},[_c('div',{staticClass:\"expertImg expert\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/exp2.jpg\")}}),_c('p',[_vm._v(\"刘遂庆 / 顾问\")])]),_c('div',{staticClass:\"expertText expert\"},[_vm._v(\"\\n                        同济大学 教授，博士生导师，曾任同济大学环境科学与工程学院院长、城市污染控制国家（南方）工程研究中心副主任，是我国给水管网系统著名专家。学术专长为给水排水工程、水资源和水环境工程系统最优化理论、水力模拟及水力计算。主持了多项国家自然科学基金、国家科技攻关及国际合作研究项目，先后赴10余个国家讲学和学术交流，并多次主持或联合主持国际和全国学术会议。\\n                    \")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"expertWrapper\"},[_c('div',{staticClass:\"expertImg expert\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/exp4.jpg\")}}),_c('p',[_vm._v(\"周玉文 / 顾问\")])]),_c('div',{staticClass:\"expertText expert\"},[_vm._v(\"\\n                        教授 教授，博士生导师，哈尔滨工业大学工学博士，是我国排水管网系统著名专家。曾任北京工业大学建工学院副院长，市政工程学科部责任教授、学科部主任和北京市重点实验室常务副主任，《给水排水》杂志编委。出版理论专著、教材和翻译科技著作10余部，获省、部级科技进步奖9项，获国家专利和软件著作权20余项。国家首届国内最有影响100篇学术论文获得者。\\n                    \")])])]),_c('el-carousel-item',[_c('div',{staticClass:\"expertWrapper\"},[_c('div',{staticClass:\"expertImg expert\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/exp3.jpg\")}}),_c('p',[_vm._v(\"卜义惠 / 顾问\")])]),_c('div',{staticClass:\"expertText expert\"},[_vm._v(\"\\n                        教授级高工，哈尔滨工业大学工学博士，曾任中国市政工程东北设计研究总院院长，是集给排水水务与科学管理于一身的专家、规划师。长期致力于水系统的规划、设计和建设，曾参编《给水排水工程快速设计手册》，发表学术论文多篇。兼任全国给水深度处理学会理事，吉林大学兼职教授，长春科技大学兼职教授。曾荣获建设部有突出贡献的中青年专家、长春市劳动模范称号。\\n                    \")])])])],1)],1)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"expertTitle\"}},[_c('span',{staticClass:\"lineBox\"}),_vm._v(\"三博专家\"),_c('span',{staticClass:\"lineBox\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"expertContainer\">\n        <div id=\"outsideWrapper\"> \n            <div id=\"expertTitle\"><span class=\"lineBox\"></span>三博专家<span class=\"lineBox\"></span></div>\n            <el-carousel :interval=\"5000\" arrow=\"always\" height=\"320px\">\n                <el-carousel-item>\n                    <div class=\"expertWrapper\">\n                        <div class=\"expertImg expert\">\n                            <img src=\"../../assets/imgs/home/exp1.png\">\n                            <p>赵洪宾 / 总顾问</p>\n                        </div>\n                        <div class=\"expertText expert\">\n                            哈尔滨工业大学 教授 博士生导师，中国供水排水协会科学技术委员会顾问，国务院特殊津贴专家，是我国给水管网系统著名专家。在我国率先开展管网系统分析、优化运行及建模理论等的研究，使给水管网研究达到了国际先进水平，促进了我国给水管网学科的发展。主持了国家自然科学基金、“十一·五”“十二·五”水专项、英国皇家学会基金和英国文化教育委员会基金等项目。研究成果在天津、济南、哈尔滨、沈阳、大连、沧州等国内多个城市推广应用，获得了多个省、部级科技进步奖。培养了博士生三十余人，硕士生百余人。出版专著《给水管网理论与计算》、《给水管网系统理论与分析》、《给水管道卫生学》，译著《给水工程的事故与防治措施》、《降低供水漏损》。\n                        </div>\n                    </div>\n                </el-carousel-item>\n                <el-carousel-item>\n                    <div class=\"expertWrapper\">\n                        <div class=\"expertImg expert\">\n                            <img src=\"../../assets/imgs/home/exp2.jpg\">\n                            <p>刘遂庆 / 顾问</p>\n                        </div>\n                        <div class=\"expertText expert\">\n                            同济大学 教授，博士生导师，曾任同济大学环境科学与工程学院院长、城市污染控制国家（南方）工程研究中心副主任，是我国给水管网系统著名专家。学术专长为给水排水工程、水资源和水环境工程系统最优化理论、水力模拟及水力计算。主持了多项国家自然科学基金、国家科技攻关及国际合作研究项目，先后赴10余个国家讲学和学术交流，并多次主持或联合主持国际和全国学术会议。\n                        </div>\n                    </div>\n                </el-carousel-item>\n                <el-carousel-item>\n                    <div class=\"expertWrapper\">\n                        <div class=\"expertImg expert\">\n                            <img src=\"../../assets/imgs/home/exp4.jpg\">\n                            <p>周玉文 / 顾问</p>\n                        </div>\n                        <div class=\"expertText expert\">\n                            教授 教授，博士生导师，哈尔滨工业大学工学博士，是我国排水管网系统著名专家。曾任北京工业大学建工学院副院长，市政工程学科部责任教授、学科部主任和北京市重点实验室常务副主任，《给水排水》杂志编委。出版理论专著、教材和翻译科技著作10余部，获省、部级科技进步奖9项，获国家专利和软件著作权20余项。国家首届国内最有影响100篇学术论文获得者。\n                        </div>\n                    </div>\n                </el-carousel-item>\n                <el-carousel-item>\n                    <div class=\"expertWrapper\">\n                        <div class=\"expertImg expert\">\n                            <img src=\"../../assets/imgs/home/exp3.jpg\">\n                            <p>卜义惠 / 顾问</p>\n                        </div>\n                        <div class=\"expertText expert\">\n                            教授级高工，哈尔滨工业大学工学博士，曾任中国市政工程东北设计研究总院院长，是集给排水水务与科学管理于一身的专家、规划师。长期致力于水系统的规划、设计和建设，曾参编《给水排水工程快速设计手册》，发表学术论文多篇。兼任全国给水深度处理学会理事，吉林大学兼职教授，长春科技大学兼职教授。曾荣获建设部有突出贡献的中青年专家、长春市劳动模范称号。\n                        </div>\n                    </div>\n                </el-carousel-item>\n            </el-carousel>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Screen3',\n}\n</script>\n\n<style scoped>\n    #expertContainer{\n        background:#eef4ff;\n    }\n    #outsideWrapper{\n        width: 1120px;\n        margin: 0 auto;\n        padding-bottom: 90px;\n        overflow: hidden;\n    }\n    #expertTitle{\n        display: flex;                      /*定位（写在父元素中）*/\n        justify-content:center;           /*水平居中*/\n        align-items:Center;             /*垂直居中 */\n        height: 170px;\n        font-size: 30px;\n    }\n    .lineBox{\n        display: inline-block;\n        width: 85px;\n        height: 2px;\n        background: #2e3138;\n        margin: 0 60px;\n    }\n    .expertWrapper{\n        width: 985px;\n        margin: 0 auto;\n    }\n    .expert{ \n        padding: 5px 8px;\n        border-radius: 20px;\n        box-shadow: 0px 0px 5px 3px #dbe7ff;\n        height: calc(100% - 10px);\n        background: #fff;\n        height: 310px;\n    }\n    .expertImg{\n        width: 224px;\n        float: left;\n        \n    }\n    .expertImg>img{\n        width: 224px;\n        height: 235px;\n    }\n    .expertImg p{\n        font-size: 24px;\n        text-align: center;\n        margin-top: 25px;\n        font-family: 'expert'; \n        font-weight: bold;\n    }\n    .expertText{\n        width: 670px;\n        float: right;\n        font-family: 'expert';\n        line-height: 35px;\n        height: 240px;\n        font-weight: 500;\n        padding: 30px 25px 50px 25px;\n        letter-spacing: 3px;\n    }\n</style>\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!./Screen3.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!./Screen3.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen3.vue?vue&type=template&id=0efc8874&scoped=true&\"\nimport script from \"./Screen3.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen3.vue?vue&type=style&index=0&id=0efc8874&prod&scoped=true&lang=css&\"\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  \"0efc8874\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"productContainer\"}},[_c('el-tabs',{model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('i',{staticClass:\"el-icon-arrow-left proIco\",attrs:{\"id\":\"proLeft\"},on:{\"click\":_vm.proLeft}}),_c('el-tab-pane',{attrs:{\"name\":\"1\"}},[_c('div',{staticClass:\"itemPro\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"linePro\"}),_c('div',{staticClass:\"product-one pro-icon\"}),_c('div',{staticClass:\"namePro\"},[_vm._v(\"供水管网建模\")])]),_c('div',{staticClass:\"textPro\"},[_c('div',{staticClass:\"prodTitle\"},[_c('span',[_vm._v(\"供水管网建模\")])]),_c('div',{staticClass:\"prodText\"},[_vm._v(\"\\n                    三博的管网模型专家有着丰富的建模实践经验，为用户提供全面的模型解决方案。三博坚持“一切从用户需求出发”的理念，根据用户实际情况制定最合适的建模方案，包括模型工具选择、功能设置、现场测试方案、培训计划等，使所建立的模型能够最大限度地发挥效益。\\n                \")])])]),_c('el-tab-pane',{attrs:{\"name\":\"2\"}},[_c('div',{staticClass:\"itemPro\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"linePro\"}),_c('div',{staticClass:\"product-two pro-icon\"}),_c('div',{staticClass:\"namePro\"},[_vm._v(\"长距离输水水力模型\")])]),_c('div',{staticClass:\"textPro\"},[_c('div',{staticClass:\"prodTitle\"},[_c('span',[_vm._v(\"长距离输水水力模型\")])]),_c('div',{staticClass:\"prodText\"},[_vm._v(\"\\n                    三博的专家为国内供水企业和设计院提供长距离输水管线的瞬变流分析，实验室水力学模拟、水锤防护方案论证以及水锤保护设备选型等专业咨询服务。\\n                \")])])]),_c('el-tab-pane',{attrs:{\"name\":\"3\"}},[_c('div',{staticClass:\"itemPro\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"linePro\"}),_c('div',{staticClass:\"product-three pro-icon\"}),_c('div',{staticClass:\"namePro\"},[_vm._v(\"排水管网建模\")])]),_c('div',{staticClass:\"textPro\"},[_c('div',{staticClass:\"prodTitle\"},[_c('span',[_vm._v(\"排水管网建模\")])]),_c('div',{staticClass:\"prodText\"},[_vm._v(\"\\n                    三博的排水系统专家为国内排水企业和设计院提供有关城市排水系统规划设计以及运行管理方面的咨询服务。包括污水及排水优化总体规划研究、现有排水系统的分析与改造评估、排水系统优化运营控制、排水系统承载力评估及海绵城市综合解决方案等。\\n                \")])])]),_c('el-tab-pane',{attrs:{\"name\":\"4\"}},[_c('div',{staticClass:\"itemPro\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"linePro\"}),_c('div',{staticClass:\"product-four pro-icon\"}),_c('div',{staticClass:\"namePro nP\"},[_vm._v(\"复杂工业供水管道系统管理\")])]),_c('div',{staticClass:\"textPro\"},[_c('div',{staticClass:\"prodTitle\"},[_c('span',[_vm._v(\"复杂工业供水管道系统管理\")])]),_c('div',{staticClass:\"prodText\"},[_vm._v(\"\\n                    工业供水系统具有独立供水、供水量大和管网结构复杂等特点，对供水的安全性和经济性要求较高。三博公司的工业管网管理系统能够通过建立水力模型来分析和监控供水系统的运行状态，制定各种事故预案，有效地提高供水系统的安全性，全面提高工业供水管网系统的管理水平\\n                \")])])]),_c('el-tab-pane',{attrs:{\"name\":\"5\"}},[_c('div',{staticClass:\"itemPro\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"linePro\"}),_c('div',{staticClass:\"product-five pro-icon\"}),_c('div',{staticClass:\"namePro nP\"},[_vm._v(\"供水管网系统安全评估\")])]),_c('div',{staticClass:\"textPro\"},[_c('div',{staticClass:\"prodTitle\"},[_c('span',[_vm._v(\"供水管网系统安全评估\")])]),_c('div',{staticClass:\"prodText\"},[_vm._v(\"\\n                    模拟出供水系统中各种危险因素，识别管网的薄弱环节和可能导致事故发生的条件，提供相应的对策措施，预防控制事故的发生，制定减少和控制事故蔓延的预案，从而全方位地确保供水管网系统安全可靠地运行。\\n                \")])])]),_c('el-tab-pane',{attrs:{\"name\":\"6\"}},[_c('div',{staticClass:\"itemPro\",attrs:{\"slot\":\"label\"},slot:\"label\"},[_c('div',{staticClass:\"product-six pro-icon\"}),_c('div',{staticClass:\"namePro nP\"},[_vm._v(\"供水水管网系统区块化\")])]),_c('div',{staticClass:\"textPro\"},[_c('div',{staticClass:\"prodTitle\"},[_c('span',[_vm._v(\"供水管网系统区块化\")])]),_c('div',{staticClass:\"prodText\"},[_vm._v(\"\\n                    区块化的建设，可以合理地划分供水管网的供水范围，缩短供水路径，降低水龄，提高供水水质；均衡供水压力，减小漏失量，降低产销差；实现分区计量，提高供水安全可靠性。\\n                \")])])]),_c('i',{staticClass:\"el-icon-arrow-right proIco\",attrs:{\"id\":\"proRight\"},on:{\"click\":_vm.proRight}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"productContainer\">\n        <el-tabs v-model=\"activeName\">\n            <i class=\"el-icon-arrow-left proIco\" id=\"proLeft\" @click=\"proLeft\"></i>\n            <el-tab-pane name=\"1\">\n                <div slot=\"label\" class=\"itemPro\">\n                    <div class=\"linePro\"></div>\n                    <div class=\"product-one pro-icon\"></div>\n                    <div class=\"namePro\">供水管网建模</div>\n                </div>\n                <div class=\"textPro\">\n                    <div class=\"prodTitle\">\n                        <span>供水管网建模</span>\n                    </div>\n                    <div class=\"prodText\">\n                        三博的管网模型专家有着丰富的建模实践经验，为用户提供全面的模型解决方案。三博坚持“一切从用户需求出发”的理念，根据用户实际情况制定最合适的建模方案，包括模型工具选择、功能设置、现场测试方案、培训计划等，使所建立的模型能够最大限度地发挥效益。\n                    </div>\n                </div>\n            </el-tab-pane>\n            <el-tab-pane name=\"2\">\n                <div slot=\"label\" class=\"itemPro\">\n                    <div class=\"linePro\"></div>\n                    <div class=\"product-two pro-icon\"></div>\n                    <div class=\"namePro\">长距离输水水力模型</div>\n                </div>\n                <div class=\"textPro\">\n                    <div class=\"prodTitle\">\n                        <span>长距离输水水力模型</span>\n                    </div>\n                    <div class=\"prodText\">\n                        三博的专家为国内供水企业和设计院提供长距离输水管线的瞬变流分析，实验室水力学模拟、水锤防护方案论证以及水锤保护设备选型等专业咨询服务。\n                    </div>\n                </div>\n            </el-tab-pane>\n            <el-tab-pane name=\"3\">\n                <div slot=\"label\" class=\"itemPro\">\n                    <div class=\"linePro\"></div>\n                    <div class=\"product-three pro-icon\"></div>\n                    <div class=\"namePro\">排水管网建模</div>\n                </div>\n                <div class=\"textPro\">\n                    <div class=\"prodTitle\">\n                        <span>排水管网建模</span>\n                    </div>\n                    <div class=\"prodText\">\n                        三博的排水系统专家为国内排水企业和设计院提供有关城市排水系统规划设计以及运行管理方面的咨询服务。包括污水及排水优化总体规划研究、现有排水系统的分析与改造评估、排水系统优化运营控制、排水系统承载力评估及海绵城市综合解决方案等。\n                    </div>\n                </div>\n            </el-tab-pane>\n            <el-tab-pane name=\"4\">\n                <div slot=\"label\" class=\"itemPro\">\n                    <div class=\"linePro\"></div>\n                    <div class=\"product-four pro-icon\"></div>\n                    <div class=\"namePro nP\">复杂工业供水管道系统管理</div>\n                </div>\n                <div class=\"textPro\">\n                    <div class=\"prodTitle\">\n                        <span>复杂工业供水管道系统管理</span>\n                    </div>\n                    <div class=\"prodText\">\n                        工业供水系统具有独立供水、供水量大和管网结构复杂等特点，对供水的安全性和经济性要求较高。三博公司的工业管网管理系统能够通过建立水力模型来分析和监控供水系统的运行状态，制定各种事故预案，有效地提高供水系统的安全性，全面提高工业供水管网系统的管理水平\n                    </div>\n                </div>\n            </el-tab-pane>\n            <el-tab-pane name=\"5\">\n                <div slot=\"label\" class=\"itemPro\">\n                    <div class=\"linePro\"></div>\n                    <div class=\"product-five pro-icon\"></div>\n                    <div class=\"namePro nP\">供水管网系统安全评估</div>\n                </div>\n                <div class=\"textPro\">\n                    <div class=\"prodTitle\">\n                        <span>供水管网系统安全评估</span>\n                    </div>\n                    <div class=\"prodText\">\n                        模拟出供水系统中各种危险因素，识别管网的薄弱环节和可能导致事故发生的条件，提供相应的对策措施，预防控制事故的发生，制定减少和控制事故蔓延的预案，从而全方位地确保供水管网系统安全可靠地运行。\n                    </div>\n                </div>\n            </el-tab-pane>\n            <el-tab-pane name=\"6\">\n                <div slot=\"label\" class=\"itemPro\">\n                    <div class=\"product-six pro-icon\"></div>\n                    <div class=\"namePro nP\">供水水管网系统区块化</div>\n                </div>\n                <div class=\"textPro\">\n                    <div class=\"prodTitle\">\n                        <span>供水管网系统区块化</span>\n                    </div>\n                    <div class=\"prodText\">\n                        区块化的建设，可以合理地划分供水管网的供水范围，缩短供水路径，降低水龄，提高供水水质；均衡供水压力，减小漏失量，降低产销差；实现分区计量，提高供水安全可靠性。\n                    </div>\n                </div>\n            </el-tab-pane>\n            <i class=\"el-icon-arrow-right proIco\" id=\"proRight\" @click=\"proRight\"></i>\n        </el-tabs>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Screen4',\n    data() {\n        return {\n            activeName: \"1\"\n        };\n    },\n    methods: {\n        proLeft(){\n            let activeNum = parseInt(this.activeName)\n            if(activeNum > 1){\n                this.activeName = (activeNum - 1) + '';\n            }\n        },\n        proRight(){\n           let activeNum = parseInt(this.activeName)\n            if(activeNum < 6){\n                this.activeName = (activeNum + 1) + '';\n            }\n        }\n    }\n}\n</script>\n\n<style scoped>\n    #productContainer{\n        width: 1120px;\n        margin: 0 auto;\n        padding-top: 40px;\n        padding-bottom: 65px;\n    }\n    .pro-icon{\n        width: 85px;\n        height: 85px;\n        border-radius: 20px; \n        margin: 0 auto;\n    }\n    .product-one{\n        background: url(../../assets/imgs/home/icon/pro1-1.png);\n        background-size: 100% 100%;\n    }\n    .product-two{\n        background: url(../../assets/imgs/home/icon/pro2-1.png);\n        background-size: 100% 100%;\n    }\n    .product-three{\n        background: url(../../assets/imgs/home/icon/pro3-1.png);\n        background-size: 100% 100%;\n    }\n    .product-four{\n        background: url(../../assets/imgs/home/icon/pro4-1.png);\n        background-size: 100% 100%;\n    }\n    .product-five{\n        background: url(../../assets/imgs/home/icon/pro5-1.png);\n        background-size: 100% 100%;\n    }\n    .product-six{\n        background: url(../../assets/imgs/home/icon/pro6-1.png);\n        background-size: 100% 100%;\n    }\n    /* 选中改变 */\n    #productContainer .el-tabs__item:hover .product-one,.el-tabs__item.is-active .product-one{\n        background: url(../../assets/imgs/home/icon/pro1-2.png);\n        background-size: 100% 100%;\n    }\n    #productContainer .el-tabs__item:hover .product-two,.el-tabs__item.is-active .product-two{\n        background: url(../../assets/imgs/home/icon/pro2-2.png);\n        background-size: 100% 100%;\n    }\n    #productContainer .el-tabs__item:hover .product-three,.el-tabs__item.is-active .product-three{\n        background: url(../../assets/imgs/home/icon/pro3-2.png);\n        background-size: 100% 100%;\n    }\n    #productContainer .el-tabs__item:hover .product-four,.el-tabs__item.is-active .product-four{\n        background: url(../../assets/imgs/home/icon/pro4-2.png);\n        background-size: 100% 100%;\n    }\n    #productContainer .el-tabs__item:hover .product-five,.el-tabs__item.is-active .product-five{\n        background: url(../../assets/imgs/home/icon/pro5-2.png);\n        background-size: 100% 100%;\n    }\n    #productContainer .el-tabs__item:hover .product-six,.el-tabs__item.is-active .product-six{\n        background: url(../../assets/imgs/home/icon/pro6-2.png);\n        background-size: 100% 100%;\n    }\n    .proIco{\n        color: #056af0;\n        cursor: pointer;\n        font-size: 38px;\n        font-weight: bold;\n        position: absolute;\n        margin-top: 120px;\n    }\n    #proRight{\n        right:0;\n        top: 0;\n    }\n    #proLeft{\n        left:0;\n    }\n    .prodTitle{\n        display: flex;                      /*定位（写在父元素中）*/\n        justify-content:center;           /*水平居中*/\n    }\n    .textPro{\n        width: 960px;\n        margin: 0 auto;\n        font-size: 16px;\n        text-indent: 32px;\n        line-height: 25px;\n    }\n    .textPro span{\n        font-size: 21px;\n        font-weight: bold;\n        display: inline-block;\n        border-bottom: 2px solid #ddd;\n        padding: 35px 10px 15px 10px;\n        margin-bottom: 40px;\n        text-indent:0px;\n    }\n    .prodText{\n        height: 75px;\n    }\n    .linePro{\n        width:2px;\n        height: 110px;\n        background: #e0e0e0;\n        float: right;\n        margin-top: 20px;\n    }\n    .namePro{\n        font-size: 16px;\n        margin-left: 63px;\n        margin-top: 15px;\n        width: 60px;\n        height: 60px;\n        line-height: 20px;\n        position:absolute;\n    }\n    .nP{\n        width: 65px !important;\n    }\n    \n</style>\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!./Screen4.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!./Screen4.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen4.vue?vue&type=template&id=5ad06fca&scoped=true&\"\nimport script from \"./Screen4.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen4.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen4.vue?vue&type=style&index=0&id=5ad06fca&prod&scoped=true&lang=css&\"\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  \"5ad06fca\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"vocationalContainer\"}},[_c('div',{attrs:{\"id\":\"vocationalWrapper\"}},[_c('div',{attrs:{\"id\":\"vocTitle\"}},[_c('p',[_vm._v(\"核心业务\")]),_c('div',[_c('router-link',{attrs:{\"to\":\"/product?id=0\",\"tag\":\"span\"}},[_vm._v(\"了解更多业务产品 >\")])],1)]),_vm._m(0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"vocCont\"}},[_c('ul',[_c('li',[_c('div',{staticClass:\"vocIco\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/icon/voc4.png\")}}),_c('p',[_vm._v(\"智慧供水\")])]),_c('div',{staticClass:\"vocText\"},[_c('div',[_c('p',[_vm._v(\"智慧供水\")]),_c('span',{staticClass:\"vocLine\"})]),_c('div',{staticClass:\"vocDetailed\"},[_vm._v(\"\\n                            基于水力模型等技术，搭建“水务物联网”，建设水务大数据中心，对供水系统进行有效的监控和管理\\n                        \")])])]),_c('li',[_c('div',{staticClass:\"vocIco\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/icon/voc1.png\")}}),_c('p',[_vm._v(\"智慧排水\")])]),_c('div',{staticClass:\"vocText\"},[_c('div',[_c('p',[_vm._v(\"智慧排水\")]),_c('span',{staticClass:\"vocLine\"})]),_c('div',{staticClass:\"vocDetailed\"},[_vm._v(\"\\n                            随着“互联网+”模式的发展，给排水系统实时监测与模型构建已经成为智慧水务的必由之路与先决条件\\n                        \")])])]),_c('li',[_c('div',{staticClass:\"vocIco\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/icon/voc2.png\")}}),_c('p',[_vm._v(\"管道清洁\")])]),_c('div',{staticClass:\"vocText\"},[_c('div',[_c('p',[_vm._v(\"管道清洁\")]),_c('span',{staticClass:\"vocLine\"})]),_c('div',{staticClass:\"vocDetailed\"},[_vm._v(\"\\n                            节水型的纯绿色的冲洗方法，单次冲洗长度、管径及规模均达到国内领先水平。\\n                        \")])])]),_c('li',[_c('div',{staticClass:\"vocIco\"},[_c('img',{attrs:{\"src\":require(\"../../assets/imgs/home/icon/voc3.png\")}}),_c('p',[_vm._v(\"水锤防护\")])]),_c('div',{staticClass:\"vocText\"},[_c('div',[_c('p',[_vm._v(\"水锤防护\")]),_c('span',{staticClass:\"vocLine\"})]),_c('div',{staticClass:\"vocDetailed\"},[_vm._v(\"\\n                            通过水力瞬变流模拟分析，提出阀门启闭方案、附属设施布置方案和通水方案等各种水锤防护预案，保障供水安全。\\n                        \")])])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"vocationalContainer\">\n        <div id=\"vocationalWrapper\">\n            <div id=\"vocTitle\">\n                <p>核心业务</p>\n                <div>\n                    <router-link to=\"/product?id=0\" tag=\"span\">了解更多业务产品 ></router-link>\n                </div>\n            </div>\n            <div id=\"vocCont\">\n                <ul>\n                    <li>\n                        <div class=\"vocIco\">\n                            <img src=\"../../assets/imgs/home/icon/voc4.png\">\n                            <p>智慧供水</p>\n                        </div>\n                        <div class=\"vocText\">\n                            <div>\n                                <p>智慧供水</p>\n                                <span class=\"vocLine\"></span>\n                            </div>\n                            <div class=\"vocDetailed\">\n                                基于水力模型等技术，搭建“水务物联网”，建设水务大数据中心，对供水系统进行有效的监控和管理\n                            </div>\n                        </div>  \n                    </li>\n                    <li>\n                        <div class=\"vocIco\">\n                            <img src=\"../../assets/imgs/home/icon/voc1.png\">\n                            <p>智慧排水</p>\n                        </div>\n                        <div class=\"vocText\">\n                            <div>\n                                <p>智慧排水</p>\n                                <span class=\"vocLine\"></span>\n                            </div>\n                            <div class=\"vocDetailed\">\n                                随着“互联网+”模式的发展，给排水系统实时监测与模型构建已经成为智慧水务的必由之路与先决条件\n                            </div>\n                        </div>\n                    </li>\n                    <li>\n                        <div class=\"vocIco\">\n                            <img src=\"../../assets/imgs/home/icon/voc2.png\">\n                            <p>管道清洁</p>\n                        </div>\n                        <div class=\"vocText\">\n                            <div>\n                                <p>管道清洁</p>\n                                <span class=\"vocLine\"></span>\n                            </div>\n                            <div class=\"vocDetailed\">\n                                节水型的纯绿色的冲洗方法，单次冲洗长度、管径及规模均达到国内领先水平。\n                            </div>\n                        </div>\n                    </li>\n                    <li>\n                        <div class=\"vocIco\">\n                            <img src=\"../../assets/imgs/home/icon/voc3.png\">\n                            <p>水锤防护</p>\n                        </div>\n                        <div class=\"vocText\">\n                            <div>\n                                <p>水锤防护</p>\n                                <span class=\"vocLine\"></span>\n                            </div>\n                            <div class=\"vocDetailed\">\n                                通过水力瞬变流模拟分析，提出阀门启闭方案、附属设施布置方案和通水方案等各种水锤防护预案，保障供水安全。\n                            </div>\n                        </div>\n                    </li>\n                    \n                </ul>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Screen5',\n}\n</script>\n\n<style scoped>\n    #vocationalContainer{\n        background:#f4f4f4;\n        padding: 40px 0;\n    }\n    #vocationalWrapper{\n        width: 1120px;\n        margin: 0 auto;\n    }\n    #vocTitle{\n        margin-bottom: 60px;\n    }\n    #vocTitle>p{\n        font-size: 21px;\n        font-weight: bold;\n        text-align: center;\n    }\n    #vocTitle>div{\n        font-size: 12px;\n        color: #026fd3;\n        text-align: center;\n        line-height: 30px;\n    }\n    #vocTitle>div>span{\n        cursor: pointer;\n    }\n    #vocCont ul{\n        border: 1px solid #ddd;\n        border-right: 0;\n        height: 183px;\n    }\n    #vocCont li{\n        float: left;\n        width: calc(25% - 1px );\n        height: 183px;\n        text-align: center;\n        border-right: 1px solid #ddd;\n        cursor: pointer;\n        display: flex;                      \n        justify-content:center;           \n        align-items:Center; \n        position: relative;\n        background: #fff;\n    }\n    .vocIco{\n        font-size: 16px;\n        line-height: 30px;\n    }\n    .vocText{\n        display: none;\n        font-size: 14px;\n        padding: 35px 45px 50px 45px;\n        background: #f2f8ff;\n        border: 1px solid #adcaf1;\n        width: 213px;\n        height: 123px;\n        position: absolute;\n    }\n    .vocText p{\n        font-size: 16px;\n    }\n    .vocLine{\n        width: 40px;\n        height: 2px;\n        display: inline-block;\n        background: #0061ee;\n    }\n    .vocDetailed{\n        text-align: left;\n        line-height: 22px;\n        text-indent: 28px;\n        margin-top: 15px;\n    }\n    #vocCont li:hover .vocIco{\n        display: none;\n    }\n    #vocCont li:hover .vocText{\n        display: block;\n        z-index: 1;\n    }\n</style>\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!./Screen5.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!./Screen5.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen5.vue?vue&type=template&id=65bcc43a&scoped=true&\"\nimport script from \"./Screen5.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen5.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen5.vue?vue&type=style&index=0&id=65bcc43a&prod&scoped=true&lang=css&\"\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  \"65bcc43a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"optimizeContainer\"}},[_c('div',{attrs:{\"id\":\"optTitle\"}},[_c('p',[_vm._v(\"系统优化\")]),_c('div',[_c('router-link',{attrs:{\"to\":\"/product?id=0\",\"tag\":\"span\"}},[_vm._v(\"查看更多优化服务 >\")])],1)]),_c('div',{attrs:{\"id\":\"optimizeWrapper\"}},[_c('el-tabs',{model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-tab-pane',{attrs:{\"label\":\"供水管网区块化管理\",\"name\":\"first\"}},[_c('div',{staticClass:\"optBg optBg-one\"},[_c('div',{staticClass:\"optCont\"},[_c('div',{staticClass:\"optText\"},[_vm._v(\"\\n                            三博专家为供水企业提供供水管网区块化管理的全面解决方案。通过建立管网水力模型，制定科学合理的分区方案。区块化管理可均衡管网压力，显著降低管网漏失率，降低产销差，减小水龄，保障管网水质，从根本上提高供水企业的管理水平，保障供水的安全可靠性。\\n                        \")]),_c('router-link',{attrs:{\"to\":\"/product?id=1\",\"tag\":\"span\"}},[_vm._v(\"查看更多\")])],1)])]),_c('el-tab-pane',{attrs:{\"label\":\"降低供水产销差\",\"name\":\"second\"}},[_c('div',{staticClass:\"optBg optBg-two\"},[_c('div',{staticClass:\"optCont\"},[_c('div',{staticClass:\"optText\"},[_vm._v(\"\\n                            天津三博水科技公司通过建立供水管网水力模型，对整个供水网络进行建模，并从SCADA系统获取管网的实时信息进行实时模拟，将监测、设计，模型管理，泄漏管理，调度，施工维护，信息管理和专家系统等各职能进行整合，形成适合供水企业日常运营的全面高效管理平台，有效降低产销差。\\n                        \")]),_c('router-link',{attrs:{\"to\":\"/product?id=2\",\"tag\":\"span\"}},[_vm._v(\"查看更多\")])],1)])]),_c('el-tab-pane',{attrs:{\"label\":\"供水管网水质\",\"name\":\"third\"}},[_c('div',{staticClass:\"optBg optBg-three\"},[_c('div',{staticClass:\"optCont\"},[_c('div',{staticClass:\"optText\"},[_vm._v(\"\\n                            天津三博通过建立管网动态水质模型，预测管网水质随空间和时间的变化规律，实时模拟管网的水质状况，为改善管网水质提供科学的依据。三博能够帮助供水企业有效减少管网二次污染，提高供水安全性。\\n                        \")]),_c('router-link',{attrs:{\"to\":\"/product?id=5\",\"tag\":\"span\"}},[_vm._v(\"查看更多\")])],1)])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div id=\"optimizeContainer\">\n        <div id=\"optTitle\">\n            <p>系统优化</p>\n            <div>\n                <router-link to=\"/product?id=0\" tag=\"span\">查看更多优化服务 ></router-link>\n            </div>\n        </div>\n        <div id=\"optimizeWrapper\">\n            <el-tabs v-model=\"activeName\">\n                <el-tab-pane label=\"供水管网区块化管理\" name=\"first\">\n                    <div class=\"optBg optBg-one\">\n                        <div class=\"optCont\">\n                            <div class=\"optText\">\n                                三博专家为供水企业提供供水管网区块化管理的全面解决方案。通过建立管网水力模型，制定科学合理的分区方案。区块化管理可均衡管网压力，显著降低管网漏失率，降低产销差，减小水龄，保障管网水质，从根本上提高供水企业的管理水平，保障供水的安全可靠性。\n                            </div>\n                            <router-link to=\"/product?id=1\" tag=\"span\">查看更多</router-link>\n                        </div>\n                    </div>\n                </el-tab-pane>\n                <el-tab-pane label=\"降低供水产销差\" name=\"second\">\n                    <div class=\"optBg optBg-two\">\n                        <div class=\"optCont\">\n                            <div class=\"optText\">\n                                天津三博水科技公司通过建立供水管网水力模型，对整个供水网络进行建模，并从SCADA系统获取管网的实时信息进行实时模拟，将监测、设计，模型管理，泄漏管理，调度，施工维护，信息管理和专家系统等各职能进行整合，形成适合供水企业日常运营的全面高效管理平台，有效降低产销差。\n                            </div>\n                            <router-link to=\"/product?id=2\" tag=\"span\">查看更多</router-link>\n                        </div>\n                    </div>\n                </el-tab-pane>\n                <el-tab-pane label=\"供水管网水质\" name=\"third\">\n                    <div class=\"optBg optBg-three\">\n                        <div class=\"optCont\">\n                            <div class=\"optText\">\n                                天津三博通过建立管网动态水质模型，预测管网水质随空间和时间的变化规律，实时模拟管网的水质状况，为改善管网水质提供科学的依据。三博能够帮助供水企业有效减少管网二次污染，提高供水安全性。\n                            </div>\n                            <router-link to=\"/product?id=5\" tag=\"span\">查看更多</router-link>\n                        </div>\n                    </div>\n                </el-tab-pane>\n            </el-tabs> \n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Screen6',\n    data() {\n        return {\n            activeName: 'first'\n        };\n    },\n}\n</script>\n\n<style scoped>\n    #optimizeContainer{\n        background: #f3f3f5;\n        border-top:1px solid #797979; \n        padding: 35px 0 15px 0;\n    }\n    #optimizeWrapper{\n        width: 1120PX;\n        margin: 0 auto;\n    }\n    #optTitle{\n        margin-bottom: 20px;\n    }\n    #optTitle>p{\n        font-size: 21px;\n        font-weight: bold;\n        text-align: center;\n    }\n    #optTitle>div{\n        font-size: 12px;\n        color: #026fd3;\n        text-align: center;\n        line-height: 30px;\n    }\n    #optTitle>div>span{\n        cursor: pointer;\n    }\n    .optBg{\n        padding: 75px 0 35px 70px;\n        height: 175px;\n        font-size: 14px;\n        color: #fff;\n    }\n    .optText{\n        width: 495px;\n        text-indent: 28px;\n        line-height: 22px;\n    }\n    .optCont span{\n        padding: 10px 30px;\n        position: absolute;\n        bottom: 35px;\n        background: #1865f1;\n        cursor: pointer;\n        border-radius: 5px;\n    }\n    .optBg-one{\n        background: url(../../assets/imgs/home/opt1.png); \n        background-size: 100% 100%;  \n    }\n    .optBg-two{\n        background: url(../../assets/imgs/home/opt2.jpg); \n        background-size: 100% 100%;  \n    }\n    .optBg-three{\n        background: url(../../assets/imgs/home/opt3.jpg); \n        background-size: 100% 100%;  \n    }\n  \n</style>\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!./Screen6.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!./Screen6.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Screen6.vue?vue&type=template&id=2a420458&scoped=true&\"\nimport script from \"./Screen6.vue?vue&type=script&lang=js&\"\nexport * from \"./Screen6.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Screen6.vue?vue&type=style&index=0&id=2a420458&prod&scoped=true&lang=css&\"\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  \"2a420458\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div id=\"homeContainer\">\n        <!-- 第一屏 -->\n        <Screen1></Screen1>\n        <!-- 第二屏 -->\n        <Screen2></Screen2>\n        <!-- 第三屏 -->\n        <Screen3></Screen3>\n        <!-- 第四屏 -->\n        <Screen4></Screen4>\n        <!-- 第五屏 -->\n        <Screen5></Screen5>\n        <!-- 第六屏 -->\n        <Screen6></Screen6>\n\n    </div>\n</template>\n\n<script>\nimport Screen1 from '@/components/home/Screen1.vue'\nimport Screen2 from '@/components/home/Screen2.vue'\nimport Screen3 from '@/components/home/Screen3.vue'\nimport Screen4 from '@/components/home/Screen4.vue'\nimport Screen5 from '@/components/home/Screen5.vue'\nimport Screen6 from '@/components/home/Screen6.vue'\n\nexport default {\n    name: 'Home',\n    components: {\n        Screen1,\n        Screen2,\n        Screen3,\n        Screen4,\n        Screen5,\n        Screen6,\n    },\n    mounted(){\n        this.$store.state.activeIndex = \"/\"\n    }\n}\n</script>\n\n<style>\n</style>\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!./Home.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!./Home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Home.vue?vue&type=template&id=30e5be46&\"\nimport script from \"./Home.vue?vue&type=script&lang=js&\"\nexport * from \"./Home.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ani5.bbaee051.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen1.vue?vue&type=style&index=0&id=1fc31a78&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/exp3.7bae3f31.jpg\";","module.exports = __webpack_public_path__ + \"img/order2.7ea5991f.png\";","module.exports = __webpack_public_path__ + \"img/order1.e64e451e.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Screen6.vue?vue&type=style&index=0&id=2a420458&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/exp4.2fac5c68.jpg\";","module.exports = __webpack_public_path__ + \"img/ver2.705968dd.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/exp1.6150ccee.png\";"],"sourceRoot":""}