{"version":3,"sources":["webpack:///./src/views/cloud/index.vue?282c","webpack:///src/views/cloud/index.vue","webpack:///./src/views/cloud/index.vue?4f51","webpack:///./src/views/cloud/index.vue","webpack:///./src/assets/cloud/c-img4.png","webpack:///./src/assets/cloud/c-banner.png","webpack:///./src/assets/cloud/c-bg.png","webpack:///./src/assets/cloud/c-img2.png","webpack:///./src/views/cloud/index.vue?7f14","webpack:///./src/assets/cloud/c-img3.png","webpack:///./src/assets/cloud/c-img1.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","banner","slot","staticStyle","$store","state","isPhone","_l","item","i","key","title","class","_v","_s","desc","img","banner3","banner4","bg","banner5","_m","staticRenderFns","name","data","banner2","list","component","module","exports"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,GAAKP,EAAIQ,SAAS,CAACJ,EAAG,MAAM,CAACG,MAAM,CAAC,KAAO,WAAWE,KAAK,WAAW,CAACL,EAAG,MAAM,CAACM,YAAY,CAAC,MAAQ,OAAO,aAAa,SAAS,CAACN,EAAG,UAAU,CAACE,YAAY,wCAAwCC,MAAM,CAAC,IAAM,yCAAyC,OAASP,EAAIW,OAAOC,MAAMC,QAA+1DT,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,UAAUN,EAAIc,GAAId,EAAQ,MAAE,SAASe,EAAKC,GAAG,OAAOZ,EAAG,MAAM,CAACa,IAAIF,EAAKG,MAAMC,MAAM,CAAC,YAAY,CAAC,aAAaH,EAAE,GAAG,GAAG,KAAK,CAACZ,EAAG,SAAS,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIoB,GAAGpB,EAAIqB,GAAGN,EAAKG,UAAUd,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIoB,GAAGpB,EAAIqB,GAAGN,EAAKO,aAAalB,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,IAAM,QAAQ,IAAMQ,EAAKQ,QAAQ,IAAI,IAAI,MAAK,KAAxzEnB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,GAAG,CAACA,EAAG,SAAS,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,WAAW,CAACE,YAAY,SAASI,YAAY,CAAC,aAAa,QAAQH,MAAM,CAAC,IAAM,QAAQ,IAAMP,EAAIwB,YAAY,GAAGpB,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIoB,GAAG,uBAAuBhB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIoB,GAAG,iOAAiO,IAAI,KAAKhB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,GAAG,CAACA,EAAG,SAAS,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIoB,GAAG,sBAAsBhB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIoB,GAAG,+IAA+IhB,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,IAAM,QAAQ,IAAMP,EAAIyB,YAAY,IAAI,IAAI,KAAKrB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,SAAS,CAACA,EAAG,SAAS,CAACM,YAAY,CAAC,WAAa,WAAWH,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,WAAW,CAACG,MAAM,CAAC,IAAM,QAAQ,IAAMP,EAAI0B,OAAO,GAAGtB,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,OAAO,IAAI,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,GAAG,CAACA,EAAG,SAAS,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,WAAW,CAACE,YAAY,SAASC,MAAM,CAAC,IAAM,QAAQ,IAAMP,EAAI2B,YAAY,GAAGvB,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,KAAK,CAACH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIoB,GAAG,uBAAuBhB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIoB,GAAG,6KAA6K,IAAI,KAAKpB,EAAI4B,GAAG,MAA6e,IACxvFC,EAAkB,CAAC,WAAa,IAAI7B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,sBCiKlN,GACEwB,KAAM,QACNC,KAFF,WAGI,MAAO,CACLvB,OAAQ,EAAd,QACMwB,QAAS,EAAf,QACMR,QAAS,EAAf,QACMC,QAAS,EAAf,QACME,QAAS,EAAf,QACMD,GAAI,EAAV,QACMO,KAAM,CAEN,CAAE,IAAR,UAAQ,MAAR,oBAAQ,KAAR,0NACA,CAAQ,IAAR,UAAQ,MAAR,mBAAQ,KAAR,wIACA,CAAQ,IAAR,UAAQ,MAAR,oBAAQ,KAAR,0KChL8V,I,wBCQ1VC,EAAY,eACd,EACAnC,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,8BCnBfC,EAAOC,QAAU,IAA0B,2B,uBCA3CD,EAAOC,QAAU,IAA0B,6B,qBCA3CD,EAAOC,QAAU,IAA0B,yB,qBCA3CD,EAAOC,QAAU,IAA0B,2B,kCCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B,2B,qBCA3CD,EAAOC,QAAU,IAA0B,2B","file":"js/chunk-3b432a87.0e731f52.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page_container\"},[_c('h-banner',{attrs:{\"bg\":_vm.banner}},[_c('div',{attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{staticStyle:{\"color\":\"#fff\",\"margin-top\":\"80px\"}},[_c('h-title',{staticClass:\"animate__animated animate__backInLeft\",attrs:{\"msg\":\"聚焦工业领域，以流程行业中的化工行业为战略核心业务，兼顾离散行业客户\"}})],1)])]),(!_vm.$store.state.isPhone)?_c('div',[_c('div',{staticClass:\"page2 page-grey\"},[_c('div',{},[_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-image',{staticClass:\"image2\",staticStyle:{\"margin-top\":\"30px\"},attrs:{\"fit\":\"cover\",\"src\":_vm.banner3}})],1),_c('el-col',{attrs:{\"span\":12}},[_c('div',{staticClass:\"page1-r\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中海油气电集团生产运营协调管理系统\")]),_c('div',{staticClass:\"desc\"},[_vm._v(\"依据中海油集团公司“十三五”信息化以实现基础管理精细化、生产运营智能化、产业协同一体化、集团管控科学化的规划纲要，气电集团明确提出了“十三五”生产管理层数据采集自动化、过程运行可视化、生产管理数字化、智能化的信息化建设目标。通过建立覆盖产、供、储、销各环节的生产运营协调信息系统，以“四确保，一减少”为目标（确保数据自动化、准确性、系统性、全面性；减少人为误差），全面系统做好生产运营数据的综合分析，为集团生产经营提供决策依据。\")])])])],1)],1)]),_c('div',{staticClass:\"page1\"},[_c('div',{},[_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('div',{staticClass:\"page1-r\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"内蒙古鄂尔多斯电冶集团MES项目\")]),_c('div',{staticClass:\"desc\"},[_vm._v(\" 针对氯碱生产管理特点，为鄂尔多斯电冶集团打造一套专属的MES生产管理系统，通过信息化带动工业化，走出一条科技含量高，经济效益好，资源消耗低，环境污染少，人力资源优势得到充分发挥的新型工业化路子，提高了企业对市场的影响能力，是企业在市场竞争中立于不败之地的必然选择。\")])])]),_c('el-col',{attrs:{\"span\":12}},[_c('el-image',{staticClass:\"image1\",attrs:{\"fit\":\"cover\",\"src\":_vm.banner4}})],1)],1)],1)]),_c('div',{staticClass:\"page_bg\"},[_c('el-row',[_c('el-col',{staticStyle:{\"background\":\"#C5E3FF\"},attrs:{\"span\":12}},[_c('el-image',{attrs:{\"fit\":\"cover\",\"src\":_vm.bg}})],1),_c('el-col',{attrs:{\"span\":12}})],1)],1),_c('div',{staticClass:\"page2 page-grey\"},[_c('div',{},[_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('el-image',{staticClass:\"image2\",attrs:{\"fit\":\"cover\",\"src\":_vm.banner5}})],1),_c('el-col',{attrs:{\"span\":12}},[_c('div',{staticClass:\"page1-r\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"中石油西北销售油库安全运行管理系统\")]),_c('div',{staticClass:\"desc\"},[_vm._v(\"以安全生产为核心，依托油库控制网络和信息网络一体化构建，集成油库的工艺、消防、安防、设备等的现场实时过程数据，打通系统壁垒，通过“一张图”形式，将工艺、消防、安防报警进行统一展示；同时，借助专业的大数据建模和分析技术，对油库进行运行监控、安全预警、操作规范性评价和数据分析应用，实现对油库安全生产运行的实时监控和智能化管理。\")])])])],1)],1)]),_vm._m(0)]):_c('div',[_c('div',{staticClass:\"p-page\"},_vm._l((_vm.list),function(item,i){return _c('div',{key:item.title,class:['page-item',{'page-grey':(i+1)%2==0}]},[_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticClass:\"page1-r\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(item.desc))])])]),_c('el-col',{attrs:{\"span\":24}},[_c('el-image',{staticClass:\"image1\",attrs:{\"fit\":\"cover\",\"src\":item.img}})],1)],1)],1)}),0)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page4\"},[_c('div',{staticClass:\"clearfix page-container\"},[_c('div',{staticClass:\"footer-body\"})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"page_container\">\r\n    <h-banner :bg='banner'>\r\n      <div slot=\"content\">\r\n        <div style=\"color:#fff;margin-top:80px\">\r\n          <h-title\r\n            class=\"animate__animated animate__backInLeft\"\r\n            msg=\"聚焦工业领域，以流程行业中的化工行业为战略核心业务，兼顾离散行业客户\"\r\n          ></h-title>\r\n        </div>\r\n      </div>\r\n    </h-banner>\r\n\r\n    <div v-if=\"!$store.state.isPhone\">\r\n      <!-- <div class=\"page1\">\r\n        <div class=\"\">\r\n          <el-row>\r\n            <el-col :span=\"12\">\r\n              <div class=\"page1-r\">\r\n                <div class=\"title\">中国万达集团天弘化学MES项目</div>\r\n                <div class=\"desc\">按照中国万达集团“智能工厂”建设的总体规划，以天弘化学为试点，搭建统一的生产运行管理系统和实时数据平台，梳理和优化业务流程，实现生产业务对计划、调度、工艺、执行、统计、分析全过程的闭环管理，实现系统功能对生产、能耗、计量、质量、安环、设备、仓储等领域的基本覆盖，实现生产统计业务“班跟踪、日平衡、月结算”，充分发挥MES及实时数据库系统在“智能工厂” 中的核心作用。</div>\r\n              </div>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-image\r\n                fit=\"cover\"\r\n                :src=\"banner2\"\r\n                class=\"image1\"\r\n              ></el-image>\r\n            </el-col>\r\n          </el-row>\r\n        </div>\r\n      </div> -->\r\n      <!-- <div class=\"page_bg\">\r\n        <el-row>\r\n          <el-col\r\n            :span=\"12\"\r\n            style=\"background: #C5E3FF;\"\r\n          >\r\n            <el-image\r\n              fit=\"cover\"\r\n              :src=\"bg\"\r\n            ></el-image>\r\n          </el-col>\r\n          <el-col :span=\"12\"></el-col>\r\n        </el-row>\r\n      </div> -->\r\n      <div class=\"page2 page-grey\">\r\n        <div class=\"\">\r\n          <el-row>\r\n            <el-col :span=\"12\">\r\n              <el-image\r\n                fit=\"cover\"\r\n                :src=\"banner3\"\r\n                class=\"image2\"\r\n                style=\"margin-top: 30px;\"\r\n              ></el-image>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <div class=\"page1-r\">\r\n                <div class=\"title\">中海油气电集团生产运营协调管理系统</div>\r\n                <div class=\"desc\">依据中海油集团公司“十三五”信息化以实现基础管理精细化、生产运营智能化、产业协同一体化、集团管控科学化的规划纲要，气电集团明确提出了“十三五”生产管理层数据采集自动化、过程运行可视化、生产管理数字化、智能化的信息化建设目标。通过建立覆盖产、供、储、销各环节的生产运营协调信息系统，以“四确保，一减少”为目标（确保数据自动化、准确性、系统性、全面性；减少人为误差），全面系统做好生产运营数据的综合分析，为集团生产经营提供决策依据。</div>\r\n              </div>\r\n            </el-col>\r\n          </el-row>\r\n        </div>\r\n      </div>\r\n      <div class=\"page1\">\r\n        <div class=\"\">\r\n          <el-row>\r\n            <el-col :span=\"12\">\r\n              <!-- <span class=\"al\">典型案例</span> -->\r\n              <div class=\"page1-r\">\r\n                <div class=\"title\">内蒙古鄂尔多斯电冶集团MES项目</div>\r\n                <div class=\"desc\"> 针对氯碱生产管理特点，为鄂尔多斯电冶集团打造一套专属的MES生产管理系统，通过信息化带动工业化，走出一条科技含量高，经济效益好，资源消耗低，环境污染少，人力资源优势得到充分发挥的新型工业化路子，提高了企业对市场的影响能力，是企业在市场竞争中立于不败之地的必然选择。</div>\r\n              </div>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <el-image\r\n                fit=\"cover\"\r\n                :src=\"banner4\"\r\n                class=\"image1\"\r\n              ></el-image>\r\n            </el-col>\r\n          </el-row>\r\n        </div>\r\n      </div>\r\n      <div class=\"page_bg\">\r\n        <el-row>\r\n          <el-col\r\n            :span=\"12\"\r\n            style=\"background: #C5E3FF;\"\r\n          >\r\n            <el-image\r\n              fit=\"cover\"\r\n              :src=\"bg\"\r\n            ></el-image>\r\n          </el-col>\r\n          <el-col :span=\"12\"></el-col>\r\n        </el-row>\r\n      </div>\r\n      <div class=\"page2 page-grey\">\r\n        <div class=\"\">\r\n          <el-row>\r\n            <el-col :span=\"12\">\r\n              <el-image\r\n                fit=\"cover\"\r\n                :src=\"banner5\"\r\n                class=\"image2\"\r\n              ></el-image>\r\n            </el-col>\r\n            <el-col :span=\"12\">\r\n              <div class=\"page1-r\">\r\n                <div class=\"title\">中石油西北销售油库安全运行管理系统</div>\r\n                <div class=\"desc\">以安全生产为核心，依托油库控制网络和信息网络一体化构建，集成油库的工艺、消防、安防、设备等的现场实时过程数据，打通系统壁垒，通过“一张图”形式，将工艺、消防、安防报警进行统一展示；同时，借助专业的大数据建模和分析技术，对油库进行运行监控、安全预警、操作规范性评价和数据分析应用，实现对油库安全生产运行的实时监控和智能化管理。</div>\r\n              </div>\r\n              <!-- <span class=\"al\">典型案例</span> -->\r\n            </el-col>\r\n          </el-row>\r\n        </div>\r\n      </div>\r\n      <div class=\"page4\">\r\n        <div class=\"clearfix page-container\">\r\n          <div class=\"footer-body\">\r\n            <!-- <span class=\"title\">中智软创</span>\r\n            <span class=\"desc\">石化行业智慧管控解决方案专家、顶级过程工业集成优化解决方案、国内领先的工业软件提供商</span> -->\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div v-else>\r\n      <div class=\"p-page\">\r\n        <div\r\n          class=\"\"\r\n          v-for=\"(item,i) in list\"\r\n          :key=\"item.title\"\r\n          :class=\"['page-item',{'page-grey':(i+1)%2==0}]\"\r\n        >\r\n          <el-row>\r\n            <el-col :span=\"24\">\r\n              <!-- <span class=\"al\">典型案例</span> -->\r\n              <div class=\"page1-r\">\r\n                <div class=\"title\">{{item.title}}</div>\r\n                <div class=\"desc\">{{item.desc}}</div>\r\n              </div>\r\n            </el-col>\r\n            <el-col :span=\"24\">\r\n              <el-image\r\n                fit=\"cover\"\r\n                :src=\"item.img\"\r\n                class=\"image1\"\r\n              ></el-image>\r\n            </el-col>\r\n          </el-row>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"cloud\",\r\n  data() {\r\n    return {\r\n      banner: require(\"../../assets/cloud/c-banner.png\"),\r\n      banner2: require(\"../../assets/cloud/c-img1.png\"),\r\n      banner3: require(\"../../assets/cloud/c-img2.png\"),\r\n      banner4: require(\"../../assets/cloud/c-img3.png\"),\r\n      banner5: require(\"../../assets/cloud/c-img4.png\"),\r\n      bg: require(\"../../assets/cloud/c-bg.png\"),\r\n      list: [\r\n        // { img:require(\"../../assets/cloud/c-img1.png\"),title: '中国万达集团天弘化学MES项目', desc: '按照中国万达集团“智能工厂”建设的总体规划，以天弘化学为试点，搭建统一的生产运行管理系统和实时数据平台，梳理和优化业务流程，实现生产业务对计划、调度、工艺、执行、统计、分析全过程的闭环管理，实现系统功能对生产、能耗、计量、质量、安环、设备、仓储等领域的基本覆盖，实现生产统计业务“班跟踪、日平衡、月结算”，充分发挥MES及实时数据库系统在“智能工厂” 中的核心作用。' },\r\n        { img:require(\"../../assets/cloud/c-img2.png\"),title: '中海油气电集团生产运营协调管理系统', desc: '依据中海油集团公司“十三五”信息化以实现基础管理精细化、生产运营智能化、产业协同一体化、集团管控科学化的规划纲要，气电集团明确提出了“十三五”生产管理层数据采集自动化、过程运行可视化、生产管理数字化、智能化的信息化建设目标。通过建立覆盖产、供、储、销各环节的生产运营协调信息系统，以“四确保，一减少”为目标（确保数据自动化、准确性、系统性、全面性；减少人为误差），全面系统做好生产运营数据的综合分析，为集团生产经营提供决策依据。' },\r\n        { img:require(\"../../assets/cloud/c-img3.png\"),title: '内蒙古鄂尔多斯电冶集团MES项目', desc: '针对氯碱生产管理特点，为鄂尔多斯电冶集团打造一套专属的MES生产管理系统，通过信息化带动工业化，走出一条科技含量高，经济效益好，资源消耗低，环境污染少，人力资源优势得到充分发挥的新型工业化路子，提高了企业对市场的影响能力，是企业在市场竞争中立于不败之地的必然选择。' },\r\n        { img:require(\"../../assets/cloud/c-img4.png\"),title: '中石油西北销售油库安全运行管理系统', desc: '以安全生产为核心，依托油库控制网络和信息网络一体化构建，集成油库的工艺、消防、安防、设备等的现场实时过程数据，打通系统壁垒，通过“一张图”形式，将工艺、消防、安防报警进行统一展示；同时，借助专业的大数据建模和分析技术，对油库进行运行监控、安全预警、操作规范性评价和数据分析应用，实现对油库安全生产运行的实时监控和智能化管理。' },\r\n      ],\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@media screen and (min-width: 980px) {\r\n  .image1 {\r\n    margin-bottom: -80px;\r\n    margin-top: 50px;\r\n    height: 400px;\r\n    box-shadow: 50px 50px 100px 0px rgba(0, 0, 0, 0.07);\r\n  }\r\n}\r\n@media only screen and (min-width: 320px) and (max-width: 980px) {\r\n  .image1 {\r\n    height: 200px;\r\n    box-shadow: 50px 50px 100px 0px rgba(0, 0, 0, 0.07);\r\n  }\r\n}\r\n.p-page {\r\n  .page-item {\r\n    padding: 35px;\r\n    .page1-r {\r\n      .title {\r\n        font-size: 1.4em;\r\n        line-height: 2em;\r\n      }\r\n      .desc {\r\n        font-size: 0.825em;\r\n        line-height: 1.5em;\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.page_container {\r\n  background-color: #fff;\r\n  .banner-desc {\r\n    text-align: center;\r\n    color: #fff;\r\n  }\r\n  .banner-bnt {\r\n    width: 104px;\r\n    height: 26px;\r\n    background: #264bf8;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    font-size: 16px;\r\n    font-family: PingFangSC-Regular, PingFang SC;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    line-height: 26px;\r\n    margin-top: 25px;\r\n    cursor: pointer;\r\n  }\r\n  .nav {\r\n    .nav-container {\r\n      display: flex;\r\n      margin-left: 15%;\r\n      margin-right: 15%;\r\n      padding: 15px 25px;\r\n      background-color: #fff;\r\n      border-radius: 10px;\r\n      margin-top: -45px;\r\n      box-shadow: 50px 50px 100px 0px rgba(0, 0, 0, 0.07);\r\n      .nav-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        > p {\r\n          font-size: 0.825em;\r\n          font-weight: 500;\r\n          color: #333333;\r\n          line-height: 2.2em;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .pro {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    min-width: 1080px;\r\n  }\r\n  .image2 {\r\n    margin-bottom: 50px;\r\n    margin-top: -80px;\r\n    height: 400px;\r\n    box-shadow: 50px 50px 100px 0px rgba(0, 0, 0, 0.07);\r\n  }\r\n  .al {\r\n    display: inline-block;\r\n    transform: rotate(90deg);\r\n    -ms-transform: rotate(90deg); /* Internet Explorer 9*/\r\n    -moz-transform: rotate(90deg); /* Firefox */\r\n    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */\r\n    -o-transform: rotate(90deg); /* Opera */\r\n    font-size: 1.25em;\r\n    font-weight: 500;\r\n    color: #264bf8;\r\n    transform-origin: left top;\r\n    padding-left: 140px;\r\n    width: 100px;\r\n    margin-left: 100px;\r\n  }\r\n  .al2 {\r\n    display: inline-block;\r\n    transform: rotate(90deg);\r\n    -ms-transform: rotate(90deg); /* Internet Explorer 9*/\r\n    -moz-transform: rotate(90deg); /* Firefox */\r\n    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */\r\n    -o-transform: rotate(90deg); /* Opera */\r\n    font-size: 1.25em;\r\n    font-weight: 500;\r\n    color: #264bf8;\r\n    transform-origin: left top;\r\n    padding-left: 140px;\r\n    width: 100px;\r\n    margin-right: 100px;\r\n  }\r\n  .page1 {\r\n    background: url(\"../../assets/about/a-a.png\") no-repeat 50% fixed;\r\n    .page-container {\r\n      height: 450px;\r\n    }\r\n\r\n    .page1-r {\r\n      padding: 50px;\r\n      margin-left: 140px;\r\n      border-left: 1px solid #ebebeb;\r\n      height: 300px;\r\n      .title {\r\n        font-size: 1.625em;\r\n        font-weight: bold;\r\n        color: #0a0b18;\r\n        line-height: 45px;\r\n      }\r\n      .desc {\r\n        font-size: 1em;\r\n        color: #575757;\r\n        line-height: 24px;\r\n        margin-top: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .page2 {\r\n    .page-container {\r\n      height: 450px;\r\n    }\r\n    .page1-r {\r\n      padding: 50px;\r\n      margin-right: 140px;\r\n      border-right: 1px solid #ebebeb;\r\n      height: 300px;\r\n      .title {\r\n        font-size: 1.625em;\r\n        font-weight: bold;\r\n        color: #0a0b18;\r\n        line-height: 45px;\r\n      }\r\n      .desc {\r\n        font-size: 1em;\r\n        color: #575757;\r\n        line-height: 24px;\r\n        margin-top: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .page3 {\r\n    padding-top: 65px;\r\n    .page3-l {\r\n      display: flex;\r\n      flex-direction: row-reverse;\r\n      background: url(\"../../assets/cloud/c-banner4.png\") no-repeat;\r\n      background-size: cover;\r\n      .l-content {\r\n        padding: 125px 35px;\r\n        .title {\r\n          font-size: 1.25em;\r\n          font-weight: 400;\r\n          color: #494949;\r\n          line-height: 85px;\r\n        }\r\n        .c-title {\r\n          font-size: 1.5em;\r\n          font-weight: 500;\r\n          color: #333333;\r\n          line-height: 37px;\r\n        }\r\n        .c-desc {\r\n          font-size: 0.825em;\r\n          font-weight: 400;\r\n          color: #7b7b7b;\r\n          line-height: 22px;\r\n        }\r\n        .c-more {\r\n          color: #264bf8;\r\n          font-size: 0.825em;\r\n          font-weight: 400;\r\n          line-height: 30px;\r\n        }\r\n      }\r\n    }\r\n    .page3-r {\r\n      padding: 45px 65px;\r\n      .title {\r\n        .title-cn {\r\n          font-weight: 500;\r\n          color: #494949;\r\n          line-height: 37px;\r\n          font-size: 1.25em;\r\n        }\r\n      }\r\n      .content {\r\n        display: flex;\r\n        .content-num {\r\n          > div {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            margin-top: 30px;\r\n            margin-right: 40px;\r\n            span {\r\n              text-align: center;\r\n              font-size: 1.825em;\r\n              color: #264bf8;\r\n              line-height: 30px;\r\n            }\r\n            div {\r\n              font-size: 0.825em;\r\n              font-weight: 400;\r\n              color: #8e8e8e;\r\n              line-height: 45px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .other {\r\n        font-size: 0.825em;\r\n        font-weight: 500;\r\n        color: #264bf8;\r\n        line-height: 25px;\r\n        margin: 15px 0;\r\n        cursor: pointer;\r\n        display: inline-block;\r\n        &:hover {\r\n          -webkit-animation-name: heartBeat;\r\n          animation-name: heartBeat;\r\n        }\r\n        i {\r\n          margin: 0 8px;\r\n        }\r\n      }\r\n      .step {\r\n        width: 410px;\r\n        height: 25px;\r\n        margin: 15px 0;\r\n        padding-left: 18px;\r\n        background-image: url(\"../../assets/cloud/c-step.png\");\r\n        background-size: 100%;\r\n        display: inline-block;\r\n        ul {\r\n          display: flex;\r\n          li {\r\n            display: inline-block;\r\n            margin-right: 18px;\r\n            margin-left: 5px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            line-height: 25px;\r\n            color: #0b1d30;\r\n            vertical-align: top;\r\n            list-style: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .page4 {\r\n    width: 100%;\r\n    height: 210px;\r\n    background-image: url(\"../../assets/cloud/c-banner5.png\");\r\n    background-repeat: no-repeat;\r\n    background-position: 50% 0;\r\n    background-size: 1920px;\r\n    .page-container {\r\n      .footer-body {\r\n        width: 1200px;\r\n        margin: 0 auto;\r\n        padding-top: 100px;\r\n        .title {\r\n          font-size: 2em;\r\n          font-weight: 500;\r\n          color: #ffffff;\r\n          line-height: 45px;\r\n        }\r\n        .desc {\r\n          font-size: 1.25em;\r\n          font-weight: 500;\r\n          color: #ffffff;\r\n          line-height: 33px;\r\n          margin-left: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2dd7cd76&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2dd7cd76&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2dd7cd76\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/c-img4.667b22ed.png\";","module.exports = __webpack_public_path__ + \"img/c-banner.91fa285b.png\";","module.exports = __webpack_public_path__ + \"img/c-bg.19fbe316.png\";","module.exports = __webpack_public_path__ + \"img/c-img2.26ad7879.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=2dd7cd76&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/c-img3.2259f379.png\";","module.exports = __webpack_public_path__ + \"img/c-img1.2b3639b0.png\";"],"sourceRoot":""}