{"version":3,"sources":["webpack:///./src/views/Index.vue?8d70","webpack:///src/views/Index.vue","webpack:///./src/views/Index.vue?a371","webpack:///./src/views/Index.vue","webpack:///./src/views/Index.vue?e933"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","ref","attrs","_l","item","i","key","imgUrl","_v","_s","imgP","imgSpan","directives","name","rawName","value","expression","on","$event","footerNavJump","imgButton","_m","model","callback","$$v","activeTabsName","change1","title","title1","describe1","_e","title2","describe2","title3","describe3","change2","title4","describe4","title5","describe5","title6","describe6","change3","title7","describe7","title8","describe8","title9","describe9","items","indexs","imgTitle","projectInfo","staticRenderFns","staticStyle","data","show","show1","show2","show3","show4","show5","show6","show7","show8","show9","datas","carouselImgUrl","introductionText","productsSoftware","productsHardware","productsNetWork","applicationProjects","cooperationUnit","created","initData","methods","$router","push","url","jump","alert","e","describe","component"],"mappings":"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","file":"js/about.104507c1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"index\"},[_c('el-carousel',{ref:\"carousel\",staticClass:\"top-carousel\",attrs:{\"height\":\"720px\",\"arrow\":\"always\"}},_vm._l((_vm.carouselImgUrl),function(item,i){return _c('el-carousel-item',{key:i},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}}),_c('div',{staticClass:\"words\"},[_c('div',[_c('p',[_vm._v(_vm._s(item.imgP))]),_c('span',[_vm._v(_vm._s(item.imgSpan))])]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.id),expression:\"item.id\"}],on:{\"click\":function($event){return _vm.footerNavJump('soft1')}}},[_vm._v(_vm._s(item.imgButton))])])])}),1),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"introduction\"},[_c('div',{staticClass:\"left\"},[_vm._m(0),_vm._l((_vm.introductionText),function(item,i){return _c('div',{key:i,staticClass:\"content-text\",attrs:{\"index\":i}},[_c('p',[_vm._v(_vm._s(item))])])}),_c('div',{staticClass:\"bottom\"},[_vm._m(1),_c('div',{staticClass:\"more\"},[_c('p',{on:{\"click\":function($event){return _vm.footerNavJump('introduce')}}},[_vm._v(\"了解更多》\")])])])],2),_vm._m(2)]),_c('div',{staticClass:\"products\"},[_c('div',{staticClass:\"int-box\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"主要产品\")]),_c('p',{staticClass:\"title-backgroud\"},[_vm._v(\"Main Products\")]),_c('el-tabs',{model:{value:(_vm.activeTabsName),callback:function ($$v) {_vm.activeTabsName=$$v},expression:\"activeTabsName\"}},[_c('el-tab-pane',{attrs:{\"label\":\"软件开发\",\"name\":\"software\"}},[_c('div',{staticClass:\"top\"},[_vm._l((_vm.productsSoftware),function(item,i){return _c('div',{key:i,staticClass:\"img-and-title\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.change1(i)}}}),_c('p',[_vm._v(_vm._s(item.title))])])}),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show1)?_c('div',{staticClass:\"des-box1\",on:{\"click\":function($event){return _vm.footerNavJump('soft1')}}},[_c('p',[_vm._v(_vm._s(_vm.title1))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe1))])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show2)?_c('div',{staticClass:\"des-box2\",on:{\"click\":function($event){return _vm.footerNavJump('soft2')}}},[_c('p',[_vm._v(_vm._s(_vm.title2))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe2))])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show3)?_c('div',{staticClass:\"des-box3\",on:{\"click\":function($event){return _vm.footerNavJump('soft3')}}},[_c('p',[_vm._v(_vm._s(_vm.title3))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe3))])]):_vm._e()])],2),_c('div',{staticClass:\"bottom\"},[_c('p',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.footerNavJump('software1')}}},[_vm._v(\"查看更多》\")])])]),_c('el-tab-pane',{attrs:{\"label\":\"硬件开发\",\"name\":\"hardware\"}},[_c('div',{staticClass:\"top\"},[_vm._l((_vm.productsHardware),function(item,i){return _c('div',{key:i,staticClass:\"img-and-title\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.change2(i)}}}),_c('p',[_vm._v(_vm._s(item.title))])])}),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show4)?_c('div',{staticClass:\"des-box1\",on:{\"click\":function($event){return _vm.footerNavJump('hard1')}}},[_c('p',[_vm._v(_vm._s(_vm.title4))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe4))])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show5)?_c('div',{staticClass:\"des-box2\",on:{\"click\":function($event){return _vm.footerNavJump('hard2')}}},[_c('p',[_vm._v(_vm._s(_vm.title5))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe5))])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show6)?_c('div',{staticClass:\"des-box3\",on:{\"click\":function($event){return _vm.footerNavJump('hard3')}}},[_c('p',[_vm._v(_vm._s(_vm.title6))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe6))])]):_vm._e()])],2),_c('div',{staticClass:\"bottom\"},[_c('p',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.footerNavJump('hardware1')}}},[_vm._v(\"查看更多》\")])])]),_c('el-tab-pane',{attrs:{\"label\":\"网络工程\",\"name\":\"network\"}},[_c('div',{staticClass:\"top\"},[_vm._l((_vm.productsNetWork),function(item,i){return _c('div',{key:i,staticClass:\"img-and-title\",on:{\"mouseover\":function($event){return _vm.change3(i)}}},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(item.title))])])}),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show7)?_c('div',{staticClass:\"des-box1\",on:{\"click\":function($event){return _vm.footerNavJump('mili_1')}}},[_c('p',[_vm._v(_vm._s(_vm.title7))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe7))])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show8)?_c('div',{staticClass:\"des-box2\",on:{\"click\":function($event){return _vm.footerNavJump('mili_2')}}},[_c('p',[_vm._v(_vm._s(_vm.title8))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe8))])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show9)?_c('div',{staticClass:\"des-box3\",on:{\"click\":function($event){return _vm.footerNavJump('cili_1')}}},[_c('p',[_vm._v(_vm._s(_vm.title9))]),_c('p',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.describe9))])]):_vm._e()])],2),_c('div',{staticClass:\"bottom\"},[_c('p',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.footerNavJump('network1')}}},[_vm._v(\"查看更多》\")])])])],1)],1)]),_c('div',{staticClass:\"projects\"},[_c('div',{staticClass:\"int-box\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"应用案例\")]),_c('p',{staticClass:\"title-backgroud\"},[_vm._v(\"Application Case\")]),_c('el-carousel',{staticClass:\"projects-carousel\",attrs:{\"trigger\":\"click\",\"height\":\"600px\",\"arrow\":\"never\"}},_vm._l((_vm.applicationProjects),function(items,indexs){return _c('el-carousel-item',{key:indexs},_vm._l((items),function(item,i){return _c('div',{key:i,staticClass:\"project-content\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}}),_c('p',{staticClass:\"img-title\"},[_vm._v(_vm._s(item.imgTitle))]),_c('div',{staticClass:\"projects-info\"},[_c('p',[_vm._v(_vm._s(item.projectInfo))])]),_c('p',{staticClass:\"btn\",on:{\"click\":function($event){return _vm.footerNavJump('military')}}},[_vm._v(\"查看更多》\")])])}),0)}),1)],1)]),_c('div',{staticClass:\"cooperation-unit\"},[_c('div',{staticClass:\"blue-bg\"}),_c('div',{staticClass:\"int-box\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"合作单位\")]),_c('p',{staticClass:\"title-backgroud\"},[_vm._v(\"Cooperation Unit\")]),_c('div',{staticClass:\"logos-box\"},_vm._l((_vm.cooperationUnit),function(item,i){return _c('div',{key:i,staticClass:\"logo-box\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\"}})])}),0)])])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_vm._v(\" 公司简介/ \"),_c('p',{staticClass:\"min\"},[_vm._v(\"About Us\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"working-time\"},[_c('span',{staticStyle:{\"font-size\":\"68px\"}},[_vm._v(\"10\")]),_c('span',[_vm._v(\"年\")]),_c('p',[_vm._v(\"从事行业\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right\"},[_c('img',{attrs:{\"src\":\"/images/首页/首页_公司.jpg\",\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"index\">\n    <!-- 轮播图 -->\n    <el-carousel class=\"top-carousel\"\n                 height=\"720px\"\n                 arrow=\"always\"\n                 ref=\"carousel\">\n      <el-carousel-item v-for=\"(item, i) in carouselImgUrl\"\n                        :key=\"i\">\n        <img  :src=\"item.imgUrl\"\n             alt=\"\" />\n        <!-- 轮播图文字 -->\n        <div class=\"words\">\n          <div>\n            <p>{{item.imgP}}</p>\n            <span>{{item.imgSpan}}</span>\n          </div>\n          <button v-show=\"item.id\" @click=\"footerNavJump('soft1')\">{{item.imgButton}}</button>\n        </div>\n      </el-carousel-item>\n    </el-carousel>\n    <!-- 中间的白条 -->\n    <!-- <div class=\"center-box\"></div> -->\n    <div class=\"content\">\n      <!-- 公司简介部分 -->\n      <div class=\"introduction\">\n        <div class=\"left\">\n          <!-- 标题 -->\n          <div class=\"title\">\n            公司简介/\n            <p class=\"min\">About Us</p>\n          </div>\n          <!-- 内容 -->\n          <div class=\"content-text\"\n               v-for=\"(item, i) in introductionText\"\n               :key=\"i\"\n               :index=\"i\">\n            <p>{{ item }}</p>\n          </div>\n          <!-- 从业时间及跳转链接 -->\n          <div class=\"bottom\">\n            <div class=\"working-time\">\n              <span style=\"font-size: 68px;\">10</span>\n              <span>年</span>\n              <p>从事行业</p>\n            </div>\n            <!-- 跳转 -->\n            <div class=\"more\">\n              <p @click=\"footerNavJump('introduce')\">了解更多》</p>\n            </div>\n          </div>\n        </div>\n        <div class=\"right\">\n          <img src=\"/images/首页/首页_公司.jpg\"\n               alt=\"\" />\n        </div>\n      </div>\n      <!-- 主要产品 -->\n      <div class=\"products\">\n        <div class=\"int-box\">\n          <p class=\"title\">主要产品</p>\n          <p class=\"title-backgroud\">Main Products</p>\n          <!-- tab页 -->\n          <el-tabs v-model=\"activeTabsName\">\n            <!-- 软件开发 -->\n            <el-tab-pane label=\"软件开发\"\n                         name=\"software\">\n              <div class=\"top\">\n                <div class=\"img-and-title\"\n                     v-for=\"(item, i) in productsSoftware\"\n                     :key=\"i\">\n                    <img @mouseover=\"change1(i)\" :src=\"item.imgUrl\"\n                       alt=\"\" />\n                  <p>{{ item.title }}</p>\n                </div>\n                <!-- 点击显示文字描述 -->\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('soft1')\" class=\"des-box1\" v-if=\"show1\">\n                  <p>{{title1}}</p>\n                  <p class=\"des\">{{describe1}}</p>\n                  </div>\n                </transition>\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('soft2')\" class=\"des-box2\" v-if=\"show2\">\n                  <p>{{title2}}</p>\n                  <p class=\"des\">{{describe2}}</p>\n                  </div>\n                </transition>\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('soft3')\" class=\"des-box3\" v-if=\"show3\">\n                  <p>{{title3}}</p>\n                  <p class=\"des\">{{describe3}}</p>\n                  </div>\n                </transition>\n              </div>\n              <div class=\"bottom\">\n                <p class=\"btn\" @click=\"footerNavJump('software1')\">查看更多》</p>\n              </div>\n            </el-tab-pane>\n            <!-- 硬件开发 -->\n            <el-tab-pane label=\"硬件开发\"\n                         name=\"hardware\">\n              <div class=\"top\">\n                <div class=\"img-and-title\"\n                     v-for=\"(item, i) in productsHardware\"\n                     :key=\"i\">\n                    <img @mouseover=\"change2(i)\" :src=\"item.imgUrl\"\n                       alt=\"\" />\n                  <p>{{ item.title }}</p>\n                </div>\n                <!-- 点击显示文字描述 -->\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('hard1')\" class=\"des-box1\" v-if=\"show4\">\n                  <p>{{title4}}</p>\n                  <p class=\"des\">{{describe4}}</p>\n                  </div>\n                </transition>\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('hard2')\" class=\"des-box2\" v-if=\"show5\">\n                  <p>{{title5}}</p>\n                  <p class=\"des\">{{describe5}}</p>\n                  </div>\n                </transition>\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('hard3')\" class=\"des-box3\" v-if=\"show6\">\n                  <p>{{title6}}</p>\n                  <p class=\"des\">{{describe6}}</p>\n                  </div>\n                </transition>\n              </div>\n              <div class=\"bottom\">\n                <p class=\"btn\" @click=\"footerNavJump('hardware1')\">查看更多》</p>\n              </div>\n            </el-tab-pane>\n            <!-- 网络工程 -->\n            <el-tab-pane label=\"网络工程\"\n                         name=\"network\">\n              <div class=\"top\">\n                <div  @mouseover=\"change3(i)\" class=\"img-and-title\"\n                     v-for=\"(item, i) in productsNetWork\"\n                     :key=\"i\">\n                    <img :src=\"item.imgUrl\"\n                       alt=\"\" />\n                  <p>{{ item.title }}</p>\n                </div>\n                <!-- 点击显示文字描述 -->\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('mili_1')\" class=\"des-box1\" v-if=\"show7\">\n                  <p>{{title7}}</p>\n                  <p class=\"des\">{{describe7}}</p>\n                  </div>\n                </transition>\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('mili_2')\" class=\"des-box2\" v-if=\"show8\">\n                  <p>{{title8}}</p>\n                  <p class=\"des\">{{describe8}}</p>\n                  </div>\n                </transition>\n                <transition name=\"fade\">\n                  <div @click=\"footerNavJump('cili_1')\" class=\"des-box3\" v-if=\"show9\">\n                  <p>{{title9}}</p>\n                  <p class=\"des\">{{describe9}}</p>\n                  </div>\n                </transition>\n              </div>\n              <div class=\"bottom\">\n                <p class=\"btn\" @click=\"footerNavJump('network1')\">查看更多》</p>\n              </div>\n            </el-tab-pane>\n          </el-tabs>\n        </div>\n      </div>\n      <!-- 应用案例 -->\n      <div class=\"projects\">\n        <div class=\"int-box\">\n          <p class=\"title\">应用案例</p>\n          <p class=\"title-backgroud\">Application Case</p>\n          <!-- 轮播图 -->\n          <el-carousel class=\"projects-carousel\"\n                       trigger=\"click\"\n                       height=\"600px\"\n                       arrow=\"never\">\n            <el-carousel-item v-for=\"(items, indexs) in applicationProjects\"\n                              :key=\"indexs\">\n              <div class=\"project-content\"\n                   v-for=\"(item, i) in items\"\n                   :key=\"i\">\n                <img :src=\"item.imgUrl\"\n                     alt=\"\" />\n                <p class=\"img-title\">{{ item.imgTitle }}</p>\n                <div class=\"projects-info\">\n                  <p>{{ item.projectInfo }}</p>\n                </div>\n                <p class=\"btn\" @click=\"footerNavJump('military')\">查看更多》</p>\n              </div>\n            </el-carousel-item>\n          </el-carousel>\n        </div>\n      </div>\n      <!-- 合作单位 -->\n      <div class=\"cooperation-unit\">\n        <div class=\"blue-bg\"></div>\n        <div class=\"int-box\">\n          <p class=\"title\">合作单位</p>\n          <p class=\"title-backgroud\">Cooperation Unit</p>\n          <!-- 合作公司logo存放区 -->\n          <div class=\"logos-box\">\n            <div class=\"logo-box\"\n                 v-for=\"(item,i) in cooperationUnit\"\n                 :key=\"i\">\n              <img :src=\"item.imgUrl\"\n                   alt=\"\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      show: true,\n      // 软件\n      show1: false,\n      title1: '',\n      describe1: '',\n      show2: false,\n      title2: '',\n      describe2: '',\n      show3: false,\n      title3: '',\n      describe3: '',\n      // 硬件\n      show4: false,\n      title4: '',\n      describe4: '',\n      show5: false,\n      title5: '',\n      describe5: '',\n      show6: false,\n      title6: '',\n      describe6: '',\n      // 网络\n      show7: false,\n      title7: '',\n      describe7: '',\n      show8: false,\n      title8: '',\n      describe8: '',\n      show9: false,\n      title9: '',\n      describe9: '',\n      datas: require('../assets/json/data.json'),\n      //   主要产品tab的当前tab页\n      activeTabsName: 'software',\n      // 轮播图的图片地址\n      carouselImgUrl: [],\n      // 公司简介内容(最多两条)\n      introductionText: [\n      ],\n      //   主要产品-软件开发-图片及标题-最多3个\n      productsSoftware: [\n      ],\n      //   主要产品-硬件开发-图片及标题-最多3个\n      productsHardware: [\n      ],\n      //   主要产品-网络工程-图片及标题-最多3个\n      productsNetWork: [\n      ],\n      // 应用案例\n      applicationProjects: [\n\n      ],\n      // \"/images/首页/顶部轮播图/banner1.jpg\", \"/images/首页/顶部轮播图/banner2.jpg\"\n      //   合作单位\n      cooperationUnit: [\n      ]\n    }\n  },\n  created () {\n    this.initData()\n  },\n  methods: {\n    //   初始化数据\n    initData () {\n      this.carouselImgUrl = this.datas['首页']['轮播图的图片地址']\n      this.introductionText = this.datas['首页']['公司简介内容(最多两条)']\n      this.productsSoftware = this.datas['首页']['主要产品-软件开发-图片及标题-最多3个']\n      this.productsHardware = this.datas['首页']['主要产品-硬件开发-图片及标题-最多3个']\n      this.productsNetWork = this.datas['首页']['主要产品-网络工程-图片及标题-最多3个']\n      this.applicationProjects = this.datas['首页']['应用案例(每页最多放两个案例)']\n      this.cooperationUnit = this.datas['首页']['合作单位']\n    },\n    //   根据路由进行跳转\n    footerNavJump (url) {\n      this.$router.push(url)\n    },\n    // 详情跳转\n    jump () {\n      alert('tianzhan')\n    },\n    // 鼠标划入，出现介绍的功能\n    change1 (e) {\n      switch (e) {\n        case 0:\n          this.show1 = !this.show1\n          this.title1 = this.productsSoftware[0].title\n          this.describe1 = this.productsSoftware[0].describe\n          break\n        case 1:\n          this.show2 = !this.show2\n          this.title2 = this.productsSoftware[1].title\n          this.describe2 = this.productsSoftware[1].describe\n          break\n        case 2:\n          this.show3 = !this.show3\n          this.title3 = this.productsSoftware[2].title\n          this.describe3 = this.productsSoftware[2].describe\n          break\n        default:\n          break\n      }\n    },\n    change2 (e) {\n      switch (e) {\n        case 0:\n          this.show4 = !this.show4\n          this.title4 = this.productsHardware[0].title\n          this.describe4 = this.productsHardware[0].describe\n          break\n        case 1:\n          this.show5 = !this.show5\n          this.title5 = this.productsHardware[1].title\n          this.describe5 = this.productsHardware[1].describe\n          break\n        case 2:\n          this.show6 = !this.show6\n          this.title6 = this.productsHardware[2].title\n          this.describe6 = this.productsHardware[2].describe\n          break\n        default:\n          break\n      }\n    },\n    change3 (e) {\n      switch (e) {\n        case 0:\n          this.show7 = !this.show7\n          this.title7 = this.productsNetWork[0].title\n          this.describe7 = this.productsNetWork[0].describe\n          break\n        case 1:\n          this.show8 = !this.show8\n          this.title8 = this.productsNetWork[1].title\n          this.describe8 = this.productsNetWork[1].describe\n          break\n        case 2:\n          this.show9 = !this.show9\n          this.title9 = this.productsNetWork[2].title\n          this.describe9 = this.productsNetWork[2].describe\n          break\n        default:\n          break\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$blue: #308bec;\n.fade-enter-active, .fade-leave-active {\n  transition: opacity .5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n.index {\n  height: fit-content;\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n.top-carousel {\n  width: 100%;\n  img {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n  }\n  .words{\n    position: relative;\n    width: 600px;\n    height: 500px;\n    left: 80px;\n    top: 130px;\n    // background-color: #f3f3f3;\n    // text-align: center;\n    p{\n      color: #08DEDF;\n      font-size: 50px;\n      margin: 0px 0;\n    }\n    span{\n      display: -moz-inline-box;\n      display: inline-block;\n      line-height: 30px;\n      width: 470px;\n      height: auto;\n      font-size: 18px;\n      margin: 20px 0;\n      color: #fff;\n    }\n    button{\n      border: 0 none;\n      margin: 50px 0;\n      border-radius: 20px;\n      background-color: #08DEDF;\n      width: 180px;\n      height: 70px;\n      font-size: 24px;\n      font-weight: 550;\n    }\n    button:hover{\n      cursor: pointer;\n    }\n  }\n\n  /deep/ .el-carousel__arrow {\n    width: 50px;\n    height: 50px;\n    font-size: 40px;\n  }\n\n  /deep/ .el-carousel__indicators--horizontal {\n    left: unset;\n    right: 0px;\n  }\n  /deep/ .el-carousel__indicator {\n    padding: 12px 7.5px;\n    .el-carousel__button {\n      width: 10px;\n      height: 10px;\n      border-radius: 5px;\n    }\n    &.is-active {\n      .el-carousel__button {\n        width: 40px;\n      }\n    }\n  }\n}\n.center-box {\n  width: 900px;\n  height: 164px;\n  // border-radius: 20px;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  top: 640px;\n  transform: translateX(-50%);\n  z-index: 10;\n  box-shadow: 0px 0px 5px rgba(94, 94, 94,0.5);\n  // opacity: 0.1;\n}\n.content {\n  width: 100%;\n  margin-top: 185px;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n\n  .introduction {\n    width: 1200px;\n    display: flex;\n    flex-wrap: wrap;\n    .left {\n      width: 49%;\n      padding-right: 3%;\n      .title {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: flex-end;\n        font-size: 28px;\n        color: #333;\n        font-weight:550;\n        p {\n          height: 20px;\n          line-height: 20px;\n          margin: 0;\n          font-size: 20px;\n        }\n      }\n      .content-text {\n        p {\n          text-indent: 2em;\n          margin-top: 30px;\n          font-size: 16px;\n          color: #333;\n          line-height: 24px;\n        }\n      }\n      .bottom {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n        .working-time {\n          font-size: 16px;\n          color: #f5a339;\n          margin: 0;\n          margin-left: 30px;\n          p {\n              margin: 0;\n              padding:45px 0 0 0;\n              text-align: center;\n            }\n        }\n        .more {\n          display: flex;\n          align-items: flex-end;\n          p {\n            font-size: 16px;\n            color: #318bec;\n            margin: 10px 30px;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n    .right {\n      width: 48%;\n      img {\n        width: 500px;\n        height: 350px;\n      }\n    }\n  }\n  .products {\n    width: 100%;\n    margin-top: 100px;\n    display: flex;\n    justify-content: center;\n    background-color: #f0f0f0;\n    padding: 100px 0;\n    .int-box {\n      width: 1200px;\n      position: relative;\n      .title {\n        margin: 0 0 60px;\n        font-size: 28px;\n        text-align: center;\n        color: #333;\n      }\n      .title-backgroud {\n        width: 100%;\n        margin: 0;\n        position: absolute;\n        top: 10px;\n        font-size: 40px;\n        color: rgba($color: #000000, $alpha: 0.1);\n        font-weight: bold;\n        text-align: center;\n      }\n      .el-tabs {\n        width: 1200px;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        /deep/ .el-tabs__header {\n          width: fit-content;\n          .el-tabs__active-bar {\n            height: 4px;\n            background-color: $blue;\n          }\n          .el-tabs__item {\n            font-size: 16px;\n          }\n          .el-tabs__item.is-active {\n            color: $blue;\n          }\n        }\n        /deep/ .el-tabs__content {\n          width: 100%;\n          margin-top: 40px;\n        }\n        .top {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          .img-and-title {\n            width: 380px;\n            height: 260px;\n            position: relative;\n            img {\n              width: 380px;\n              height: 238px;\n            }\n            p {\n              color: #333;\n              font-size: 16px;\n              text-align: center;\n              margin: 15px 0;\n            }\n            p:hover{\n               cursor:pointer;\n            }\n          }\n          .des-box1{\n              opacity: 0;\n              width: 380px;\n              height: 238px;\n              position: absolute;\n              text-align: center;\n              left: 0;\n              top: 0;\n              background-color:rgba($color: #308bec, $alpha: 0.3);\n              p{\n                color: rgb(255, 255, 255);\n                font-size: 18px;\n                padding-top: 15%;\n                }\n              .des{\n                width:80%;\n                padding-top: 0;\n                padding-left: 30px;\n                //超出两行后显示省略号\n                // white-space:nowrap;\n                text-overflow: -o-ellipsis-lastline;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                }\n            }\n          .des-box1:hover{\n            opacity: 1;\n            cursor: pointer;\n          }\n          .des-box2{\n              // display: none;\n              opacity: 0;\n              width: 380px;\n              height: 238px;\n              position: absolute;\n              text-align: center;\n              left: 410px;\n              top: 0;\n              background-color:rgba($color: #308bec, $alpha: 0.3);\n              p{\n                color: rgb(255, 255, 255);\n                font-size: 18px;\n                padding-top: 15%;\n                }\n              .des{\n                width:80%;\n                padding-top: 0;\n                padding-left: 30px;\n                //超出两行后显示省略号\n                // white-space:nowrap;\n                text-overflow: -o-ellipsis-lastline;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                }\n            }\n          .des-box2:hover{\n            opacity: 1;\n            cursor: pointer;\n          }\n          .des-box3{\n              // display: none;\n              opacity: 0;\n              width: 380px;\n              height: 238px;\n              position: absolute;\n              text-align: center;\n              left:820px;\n              top: 0;\n              background-color:rgba($color: #308bec, $alpha: 0.3);\n              p{\n                color: rgb(255, 255, 255);\n                font-size: 18px;\n                padding-top: 15%;\n                }\n              .des{\n                width:80%;\n                padding-top: 0;\n                padding-left: 30px;\n                //超出两行后显示省略号\n                // white-space:nowrap;\n                text-overflow: -o-ellipsis-lastline;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                display: -webkit-box;\n                -webkit-line-clamp: 2;\n                -webkit-box-orient: vertical;\n                }\n            }\n          .des-box3:hover{\n            opacity: 1;\n            cursor: pointer;\n          }\n        }\n        .bottom {\n          width: 100%;\n          display: flex;\n          justify-content: center;\n          margin-top: 50px;\n          .btn {\n            width: 120px;\n            height: 36px;\n            border: 1px solid $blue;\n            font-size: 16px;\n            line-height: 36px;\n            text-align: center;\n            color: $blue;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n  }\n  .projects {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    padding: 100px 0;\n    .int-box {\n      width: 1200px;\n      position: relative;\n      .title {\n        margin: 0 0 80px;\n        font-size: 28px;\n        text-align: center;\n        color: #333;\n      }\n      .title-backgroud {\n        width: 100%;\n        margin: 0;\n        position: absolute;\n        top: 10px;\n        font-size: 40px;\n        color: rgba($color: #000000, $alpha: 0.1);\n            font-weight: bold;\n        text-align: center;\n      }\n    }\n    .projects-carousel {\n      /deep/ .el-carousel__item {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: space-between;\n      }\n\n      /deep/ .el-carousel__indicator {\n        padding: 12px 7.5px;\n        .el-carousel__button {\n          width: 10px;\n          height: 10px;\n          border-radius: 5px;\n          background-color: #999;\n          border: 2px solid #999;\n        }\n        &.is-active {\n          .el-carousel__button {\n            background-color: #fff;\n            border: 2px solid $blue;\n          }\n        }\n      }\n    }\n    .project-content {\n      width: 563px;\n      height: fit-content;\n      img {\n        width: 560px;\n        height: 400px;\n      }\n      .img-title {\n        font-size: 16px;\n        color: #333;\n        font-weight: bold;\n        margin: 15px 0;\n      }\n      .el-divider {\n        margin: 15px 0;\n      }\n      .projects-info {\n        font-size: 14px;\n        margin: 15px 0;\n        p{\n          width:100%;\n          // height: 50px;\n          text-align: left;\n          //超出两行后显示省略号\n          // white-space:nowrap;\n          text-overflow: -o-ellipsis-lastline;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n        }\n      }\n      .btn {\n        width: 120px;\n        height: 36px;\n        border: 1px solid $blue;\n        font-size: 16px;\n        line-height: 36px;\n        text-align: center;\n        color: $blue;\n        cursor: pointer;\n        margin-top: 30px;\n      }\n    }\n  }\n  .cooperation-unit {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    padding: 100px 0;\n    position: relative;\n    .blue-bg {\n      width: 100%;\n      height: 300px;\n      background-color: $blue;\n      position: absolute;\n      top: 0px;\n      z-index: -1;\n    }\n    .int-box {\n      width: 1200px;\n      position: relative;\n      .title {\n        margin: 0 0 60px;\n        font-size: 28px;\n        text-align: center;\n        color: #fff;\n      }\n      .title-backgroud {\n        width: 100%;\n        margin: 0;\n        position: absolute;\n        top: 10px;\n        font-size: 40px;\n        color: rgba($color: #000000, $alpha: 0.1);\n        font-weight: bold;\n        text-align: center;\n      }\n\n      .logos-box {\n        width: 1200px;\n        height: fit-content;\n        display: flex;\n        flex-wrap: wrap;\n        margin-top: 80px;\n\n        .logo-box {\n          width: 292px;\n          height: 106px;\n          background-color: #fff;\n          box-shadow: 0 0 5px rgba($color: #000000, $alpha: 0.1);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          margin-right: 8px;\n          margin-bottom: 12px;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=a4488d4e&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=a4488d4e&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  \"a4488d4e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=a4488d4e&lang=scss&scoped=true&\""],"sourceRoot":""}