{"version":3,"sources":["webpack:///./src/views/main_home/newindex.vue?1c56","webpack:///src/views/main_home/newindex.vue","webpack:///./src/views/main_home/newindex.vue?1dc9","webpack:///./src/views/main_home/newindex.vue","webpack:///./src/views/main_home/index.vue?4572","webpack:///src/views/main_home/index.vue","webpack:///./src/views/main_home/index.vue?69ff","webpack:///./src/views/main_home/index.vue","webpack:///./src/views/main_home/index.vue?ed42","webpack:///./src/views/main_home/newindex.vue?6a6b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","height","portHeight","attrs","autoplay","_v","backgroundImage","newsimage","position","paddingLeft","on","$event","linkToNewNav","staticStyle","_e","_l","item","index","key","class","achKey","tab1Click","img","_s","title","producetList","area","achKey2","bgImg","ele","describe","_m","imgHeight","achKey3","onMouseEnter","content3click","staticRenderFns","name","data","achList","cur_index","invoke","list","isinit","hasnews","newsIntro","portWidth","computed","isMobile","currRem","Math","ceil","document","body","clientWidth","created","$emit","calcHeight","mounted","calcWidth","window","addEventListener","WheelGo","methods","handleOpenPages","open","val","linkToProjectlist","id","toPlatform","initSrollPosition","i","querySelector","stopDefault","e","preventDefault","moveTo","cur_state","isDown","scrollTo","setTimeout","min","stand","width","beforeDestroy","removeEventListener","component","des","directives","rawName","value","expression","carousel","onmouseover","_this","onmouseout","deltaY","length","setAttribute"],"mappings":"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","file":"js/main_home.20cd7e40.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"viewContent\"},[_c('div',{style:({height:_vm.portHeight + 'px'}),attrs:{\"id\":\"content1\"}},[_c('Carousel',{staticClass:\"carousel\",attrs:{\"autoplay\":_vm.autoplay,\"autoplay-speed\":5000,\"dots\":\"inside\",\"radius-dot\":true}},[_c('CarouselItem',[_c('div',{staticClass:\"item3\",style:({height:_vm.portHeight + 'px'})},[_c('div',{staticClass:\"item3__title\"},[_vm._v(\"为结构设计、施工、运维提供咨询服务\")]),_c('div',{staticClass:\"item3__title\"},[_vm._v(\"用信息化技术让结构管养更\"),_c('span',[_vm._v(\"高效\")])]),_c('div',{staticClass:\"item3__des\"},[_vm._v(\"Providing Professional Consulting Services\")]),_c('div',{staticClass:\"item3__des\"},[_vm._v(\" For Structural Design, Construction, Operation And Maintenance \")]),_c('div',{staticClass:\"item3__des\"},[_vm._v(\"Using Information Technology\")]),_c('div',{staticClass:\"item3__des\"},[_vm._v(\" To Make Structure Management And Maintenance More \"),_c('span',[_vm._v(\"Efficient\")])])])]),(_vm.hasnews)?_c('CarouselItem',[_c('div',{staticClass:\"item2\",style:({\n            backgroundImage: 'url(' + _vm.newsimage + ')',\n            position: 'relative',\n            paddingLeft: '0px',\n            height: _vm.portHeight + 'px'\n          }),on:{\"click\":function($event){return _vm.linkToNewNav('new_News')}}},[_c('div',{staticStyle:{\"backdrop-filter\":\"blur(10px)\",\"background-color\":\"rgba(0,0,0,0.5)\",\"width\":\"100%\",\"height\":\"100%\"}},[_c('img',{staticStyle:{\"position\":\"absolute\",\"top\":\"50%\",\"left\":\"50%\",\"transform\":\"translate(-50%,-50%)\",\"width\":\"80%\"},attrs:{\"src\":_vm.newsimage}})])])]):_vm._e()],1)],1),_c('div',{style:({height:_vm.portHeight + 'px'}),attrs:{\"id\":\"content2\"}},[_c('div',{staticClass:\"tabsBox\"},[_c('ul',_vm._l((_vm.producetList),function(item,index){return _c('li',{key:item.key,class:index==_vm.achKey?'tabsActived':'tabs',on:{\"click\":function($event){return _vm.tab1Click(index)}}},[_c('div',[_c('img',{attrs:{\"src\":item.img}}),_c('span',[_vm._v(_vm._s(item.title))])])])}),0)]),_c('div',{staticClass:\"tabsContent\",style:({'background-image':'url('+_vm.producetList[_vm.achKey].area[_vm.achKey2].bgImg+')'})},[_c('div',{staticClass:\"contentBox\"},[_vm._l((_vm.producetList[_vm.achKey].des),function(ele){return _c('p',{key:ele,staticClass:\"p1\"},[_vm._v(_vm._s(ele))])}),_c('p',{staticClass:\"p2\"},[_vm._v(_vm._s(_vm.producetList[_vm.achKey].area[_vm.achKey2].describe))]),_c('Button',{staticClass:\"moreInfo\"},[_vm._v(\" 了解更多 \"),_c('Icon',{attrs:{\"type\":\"md-open\"}})],1)],2),_c('div',{staticClass:\"tabs_vert\"},[_c('ul',_vm._l((_vm.producetList[_vm.achKey].area),function(item,index){return _c('li',{key:index,class:_vm.achKey2==index?'on':'off',on:{\"click\":function($event){_vm.achKey2=index}}},[_vm._v(_vm._s(item.title))])}),0)])])]),_c('div',{style:({height:_vm.portHeight + 'px'}),attrs:{\"id\":\"content3\"}},[_vm._m(0),_c('div',{staticClass:\"coordinBox\"},[_c('ul',{style:({height:_vm.imgHeight+'px'})},_vm._l((_vm.achList),function(item,index){return _c('li',{key:index,class:_vm.achKey3==index?'on':'off',on:{\"mouseenter\":function($event){return _vm.onMouseEnter(index)},\"click\":function($event){return _vm.content3click(index)}}},[_c('img',{staticClass:\"coordinImg\",style:({height:_vm.imgHeight+'px'}),attrs:{\"src\":item.img,\"alt\":\"\"}})])}),0)]),_c('div',{staticClass:\"c3NavBox\"},_vm._l((_vm.achList),function(item,index){return _c('div',{key:index,staticClass:\"coordinContent\",class:_vm.achKey3==index?'ccOn':'ccOff',on:{\"mouseenter\":function($event){return _vm.onMouseEnter(index)},\"click\":function($event){return _vm.content3click(index)}}},[_c('span',{staticClass:\"span1\"},[_vm._v(_vm._s(_vm.achKey3==index?item.title:item.class))]),_c('span',{staticClass:\"span2\"},[_vm._v(_vm._s(item.describe))])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c3head\"},[_c('span',{staticClass:\"title\"},[_vm._v(\"业绩成果\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"viewContent\">\r\n    <div id=\"content1\" :style=\"{height:portHeight + 'px'}\">\r\n      <!-- 轮播图 -->\r\n      <Carousel\r\n        :autoplay=\"autoplay\"\r\n        :autoplay-speed=\"5000\"\r\n        dots=\"inside\"\r\n        :radius-dot=\"true\"\r\n        class=\"carousel\"\r\n      >\r\n        <!-- :style=\"{width:portWidth}\" -->\r\n        <CarouselItem>\r\n          <div class=\"item3\" :style=\"{height:portHeight + 'px'}\">\r\n            <div class=\"item3__title\">为结构设计、施工、运维提供咨询服务</div>\r\n            <div class=\"item3__title\">用信息化技术让结构管养更<span>高效</span></div>\r\n            <div class=\"item3__des\">Providing Professional Consulting Services</div>\r\n            <div class=\"item3__des\">\r\n              For Structural Design, Construction, Operation And Maintenance\r\n            </div>\r\n            <div class=\"item3__des\">Using Information Technology</div>\r\n            <div class=\"item3__des\">\r\n              To Make Structure Management And Maintenance More <span>Efficient</span>\r\n            </div>\r\n          </div>\r\n        </CarouselItem>\r\n        <CarouselItem v-if=\"hasnews\">\r\n          <div\r\n            class=\"item2\"\r\n            :style=\"{\r\n              backgroundImage: 'url(' + newsimage + ')',\r\n              position: 'relative',\r\n              paddingLeft: '0px',\r\n              height: portHeight + 'px'\r\n            }\"\r\n            @click=\"linkToNewNav('new_News')\"\r\n          >\r\n            <div\r\n              style=\"backdrop-filter:blur(10px);background-color:rgba(0,0,0,0.5);width: 100%;height: 100%;\"\r\n            >\r\n              <img\r\n                :src=\"newsimage\"\r\n                style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 80%;\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"item2\" @click=\"linkToNewNav('new_News')\">\r\n            <div\r\n              style=\"backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.6);width: 100%;\"\r\n              :style=\"{height:portHeight}\"\r\n            >\r\n            <div style=\"width:100%;height:50px;position:absolute;bottom:50px;left:0;background-color: rgba(255,255,255,0.6);font-size:20px;line-height:50px;color:#515a6e;text-align:center;z-index:2;\">\r\n              {{newsIntro}}\r\n            </div>\r\n            <div style=\"position:absolute;left:50%;top:44%;transform:translate(-50%, -50%);width:100%;height:calc(100% - 100px);\">\r\n              <img :src=\"newsimage\" alt=\"新闻图片\" style=\"width:100%;\">\r\n            </div>\r\n            </div>\r\n          </div> -->\r\n        </CarouselItem>\r\n      </Carousel>\r\n    </div>\r\n    <div id=\"content2\" :style=\"{height:portHeight + 'px'}\">\r\n      <div class=\"tabsBox\">\r\n        <ul>\r\n          <li v-for=\"(item,index) in producetList\" :key=\"item.key\" :class=\"index==achKey?'tabsActived':'tabs'\" @click=\"tab1Click(index)\">\r\n            <div>\r\n              <img :src=\"item.img\">\r\n              <span>{{item.title}}</span>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"tabsContent\" :style=\"{'background-image':'url('+producetList[achKey].area[achKey2].bgImg+')'}\">\r\n        <div class=\"contentBox\">\r\n          <p v-for=\"ele in producetList[achKey].des\" :key=\"ele\" class=\"p1\">{{ele}}</p>\r\n          <!-- <div class=\"tabsBox2\">\r\n            <ul>\r\n                <li v-for=\"(item,index) in producetList[achKey].area\" :key=\"index\" :class=\"achKey2==index?'tabs2Actived':'tabs2'\" @click=\"achKey2=index\">{{item.title}}</li>\r\n            </ul>\r\n          </div> -->\r\n          <p class=\"p2\">{{producetList[achKey].area[achKey2].describe}}</p>\r\n          <Button class=\"moreInfo\">\r\n            了解更多\r\n            <Icon type=\"md-open\" />\r\n          </Button>\r\n        </div>\r\n        <div class=\"tabs_vert\">\r\n          <ul>\r\n            <li v-for=\"(item,index) in producetList[achKey].area\" :key=\"index\" :class=\"achKey2==index?'on':'off'\" @click=\"achKey2=index\">{{item.title}}</li>\r\n          </ul>\r\n        </div>\r\n        <!-- <div class=\"achImgBox\">\r\n          <img :src=\"producetList[achKey].area[achKey2].img\" alt=\"\" class=\"achImg\">\r\n        </div> -->\r\n      </div>\r\n    </div>\r\n    <div id=\"content3\" :style=\"{height:portHeight + 'px'}\">\r\n      <div class=\"c3head\">\r\n        <span class=\"title\">业绩成果</span>\r\n        <!-- <Button class=\"moreInfo\">\r\n          了解更多\r\n          <Icon type=\"md-open\" />\r\n        </Button> -->\r\n      </div>\r\n      <div class=\"coordinBox\">\r\n        <ul :style=\"{height:imgHeight+'px'}\">\r\n          <li v-for=\"(item,index) in achList\" :key=\"index\" :class=\"achKey3==index?'on':'off'\" @mouseenter=\"onMouseEnter(index)\" @click=\"content3click(index)\"> \r\n            <img :src=\"item.img\" alt=\"\" class=\"coordinImg\" :style=\"{height:imgHeight+'px'}\">\r\n            <!-- <div class=\"coordinBgImg\" :style=\"{backgroundImage: 'url('+item.img+')',height:imgHeight+'px'}\"></div> -->\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"c3NavBox\">\r\n        <div class=\"coordinContent\" v-for=\"(item,index) in achList\" :key=\"index\" :class=\"achKey3==index?'ccOn':'ccOff'\" @mouseenter=\"onMouseEnter(index)\" @click=\"content3click(index)\">\r\n          <span class=\"span1\">{{achKey3==index?item.title:item.class}}</span>\r\n          <span class=\"span2\">{{item.describe}}</span>\r\n        </div>\r\n        <!-- <Button id=\"c3Nav\" style=\"left:20%;\">\r\n          {{achList[achKey3].class}}\r\n          <Icon type=\"md-open\" />\r\n        </Button> -->\r\n      </div>\r\n    </div>\r\n    <!-- <Anchor id=\"anchor\" show-ink>\r\n        <AnchorLink href=\"#content1\" title=\"最新消息\" />\r\n        <AnchorLink href=\"#content2\" title=\"业务介绍\" />\r\n        <AnchorLink href=\"#content3\" title=\"业绩成果\" />\r\n    </Anchor> -->\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"new_home\",\r\n  data() {\r\n    return {\r\n      achList: [\r\n        {\r\n          class: \"工程结构仿真实例\",\r\n          key: \"ana\",\r\n          title: \"滨海湾大桥结构仿真分析\",\r\n          img: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/home_ach1.png\", //\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/newAch1.png\",\r\n          describe: \"建立三维整体混合有限元模型，模型总自由度数达8000万，然后计算结构在恒载、收缩、徐变、温度、风荷载、活载等工况下关键构件和部位应力分布及混凝土内力分配关系，并分析多种疲劳荷载作用下关键结构部位的应力结果。\"\r\n        },\r\n        {\r\n          class: \"工程结构仿真实例\",\r\n          key: \"ana\",\r\n          title: \"鹅公岩大桥抗震分析\",\r\n          img: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/newAch2.jpg\",\r\n            // \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/home_ach2.png\"\r\n          describe: \"建立有限元模型，考虑大位移效应和应力刚化效应进行成桥状态分析，采用时域显式随机模拟法和反应谱CQC法计算大桥的结构地震响应。采用时域显式降维迭代-随机模拟法开展非线性随机地震响应分析，评价减震装置性能效果。并对大桥关键截面进行抗震性能验算，并给出大桥的抗震性能安全性评价。\"\r\n        },\r\n        {\r\n          class: \"工程智能监测实例\",\r\n          key: \"moni\",\r\n          title: \"新光大桥施工监控\",\r\n          img: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeNewAche3.png\",\r\n          describe: \"在新光大桥施工过程中对重要的结构设计参数和状态参数进行监测，以获得反映实际施工情况的数据和技术信息，不断根据实际情况调整施工状态参数，使各阶段的施工状态始终处于控制范围之内。\"\r\n        },\r\n        {\r\n          class: \"工程智能监测实例\",\r\n          key: \"moni\",\r\n          title: \"鹤洞大桥健康监测\",\r\n          img: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/newAch4.jpg\",\r\n          describe: \"基于既有桥梁实际运营状况和病害情况，在满足常规监测内容的基础上，开展部分针对性监测，重点关注局部病害和斜拉索索力，采用多种监测手段相互校核，提升监测效果，为桥梁运营管养决策提供技术支持。\"\r\n        },\r\n        {\r\n          class: \"工程信息科技实例\",\r\n          key: \"moni\",\r\n          title: \"天空之城结构健康监测平台\",\r\n          img: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeNewAche5.png\",\r\n          describe: \"天空之城结构健康监测平台，基于监测结构的独特性、复杂性和重要性，提供完善的综合性监测平台，适应项目结构监测的需求，实时响应运维阶段出现的状况并做出快速科学的决策。\"\r\n        },\r\n        {\r\n          class: \"工程信息科技实例\",\r\n          key: \"tech\",\r\n          title: \"桥梁集群式健康监测运维平台\",\r\n          img: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/newAch6-2.png\",\r\n          describe: \"集群式健康监测运维平台可接入区域内多个监测项目，提供健全的运维功能和海量数据的应用管理服务，解决制约区域级监测的技术难题，提升监测效率，满足监测市场的需求和趋势发展。\"\r\n        },\r\n      ],\r\n      achKey: 0,\r\n      achKey2: 0,\r\n      producetList: [\r\n        {\r\n          key: \"struct_analyse\",\r\n          bgImg:\r\n            \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg1.jpg\",\r\n          img:\r\n            \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/ana_icon2.png\",\r\n          title: \"工程结构仿真\",\r\n          des: [\"基于自研算法分析软件开展工程结构精细化仿真分析，\",\"为结构在设计、施工以及运营阶段所涉及的关键技术问题提供精准分析解决方案\"],\r\n          area: [\r\n            {\r\n              title: '结构精细仿真',\r\n              key: 0,\r\n              describe: '建立结构三维精细化有限元模型，获取结构更为丰富的分析结果，可以更加准确评估结构的强度和刚度。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area00.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg00.png'\r\n            },\r\n            {\r\n              title: '结构抗震分析',\r\n              key: 1,\r\n              describe: '针对桥梁、高层建筑、核电工程结构等大型复杂结构，采用非平稳随机振动方法开展结构抗震与减隔震分析。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area01.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg01.png'\r\n            },\r\n            {\r\n              title: '结构减振分析',\r\n              key: 2,\r\n              describe: '分析结构在各种随机动力荷载作用下的响应，评估结构的安全性和舒适性，继而开展结构减振措施研究。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area02.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg02.png'\r\n            },\r\n            {\r\n              title: '既有结构评估',\r\n              key: 3,\r\n              describe: '结合既有结构的安全性检测，建立符合结构现状的分析模型，评估结构的安全性和提出相关的加固处理建议。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area03.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg03.png'\r\n            },\r\n            {\r\n              title: '结构优化分析',\r\n              key: 4,\r\n              describe: '建立结构参数化分析模型，结合多种优化分析算法，开展结构在确定性荷载或者随机荷载作用下的拓扑或参数优化分析。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area03.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg04.png'\r\n            },\r\n            {\r\n              title: '结构抗风分析',\r\n              key: 5,\r\n              describe: '结合随机风场模拟和风荷载计算等技术，对建筑和桥梁等结构开展结构抗风随机分析和有效降低风致振动措施研究 。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area03.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg05.png'\r\n            },\r\n            {\r\n              title: '结构疲劳分析',\r\n              key: 6,\r\n              describe: '基于可靠性理论和疲劳基本理论，开展结构的疲劳分析工作，对既有结构进行疲劳寿命预测和可靠度评估。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area03.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg06.png'\r\n            },\r\n            {\r\n              title: '施工过程仿真',\r\n              key: 7,\r\n              describe: '考虑结构实际的施工过程，定义结构施工阶段，分析与评估每个施工阶段结构的安全性和可靠性。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area03.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg07.png'\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          key: \"struct_moni\",\r\n          bgImg:\r\n            \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg2.jpg\",\r\n          img:\r\n            \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/moni_icon2.png\",\r\n          title: \"工程智能监测\",\r\n          des: [\"基于自主监测算法，融合智能传感、无线通信、云计算、人工智能等新型监测技术，\",\"为大型复杂工程全寿命周期的质量安全提供可靠的技术保障\"],\r\n          area: [\r\n            {\r\n              title:'结构施工监控',\r\n              key: 0,\r\n              describe: '对于分阶段施工的大型复杂结构，应进行施工全过程的监测与控制，以确保施工过程中结构受力安全，及时消除施工过程中的偏差，最终保障结构竣工后的构形与内力状态满足设计要求。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area10.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg10.png'\r\n            },\r\n            {\r\n              title:'结构健康监测',\r\n              key: 1,\r\n              describe: '对于既有工程结构，通过自动化监测手段获取环境作用和结构响应信息，科学制定各类阈值并实现动态预警，定期更新结构安全评估和寿命预测，为结构运营维护及加固设计、施工提供科学的决策依据。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area11.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg11.png'\r\n            },\r\n            {\r\n              title:'结构检测鉴定',\r\n              key: 2,\r\n              describe: '通过测试工程结构的各种工作性能参数或实际破坏形态，评定结构刚度、抗裂度、裂缝状态、强度、承载力、稳定和耗能能力等参数，评价结构实际性能状态，并验证结构计算理论。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area12.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg12.png'\r\n            }\r\n          ]\r\n        },\r\n        {\r\n          key: \"struct_tech\",\r\n          bgImg:\r\n            \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg3.jpg\",\r\n          img:\r\n            \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/tech_icon2.png\",\r\n          title: \"工程信息科技\",\r\n          des: [\"促进新基建与传统基础设施融合赋能，\",\"实现土木行业智能化重塑\"],\r\n          area: [\r\n            {\r\n              title:'工程安全监测平台',\r\n              key: 0,\r\n              describe: '深度融合Cloud和BIM技术，为建筑和桥梁工程施工、使用期监测系统监控平台提供软件研发和升级维护。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area20.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg20.png'\r\n            },\r\n            {\r\n              title:'监测大数据应用平台',\r\n              key: 1,\r\n              describe: '自主研发粤桥云平台满足区域级多桥梁健康监测系统集中管控和运维需求，为海量监测数据挖掘提供专业和强大的算力支撑。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area21.png',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg21.png'\r\n            },\r\n            {\r\n              title:'计算机视觉技术应用',\r\n              key: 2,\r\n              describe: '基于计算机视觉技术，在结构外观病害识别、索力测试、车流时空分布监测、实景三维与BIM融合等方面得到应用。',\r\n              img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/area22.jpg',\r\n              bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/c2bg22.png'\r\n            }\r\n          ]\r\n        }\r\n      ],\r\n      achKey3: 0,\r\n      cur_index: 0,\r\n      invoke: false,\r\n      list: [],\r\n      isinit: false,\r\n      autoplay: true,\r\n      hasnews: true,\r\n      newsimage: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/news1Image.png',\r\n      newsIntro: '喜报！粤桥公司荣获 “高新技术企业” 认定',\r\n      portHeight: '700',\r\n      portWidth: '1920px'\r\n    };\r\n  },\r\n  // watch:{\r\n  //   achKey3(index){\r\n  //     document.querySelector('#coordinContent').style.left = (0 + index*12) + '%'\r\n  //   }\r\n  // },\r\n  computed: {\r\n    isMobile() {\r\n      if (\r\n        window.navigator.userAgent.match(\r\n          /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i\r\n        )\r\n      ) {\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    currRem(){\r\n      return Math.ceil(document.body.clientWidth / 24)\r\n    },\r\n    imgHeight(){\r\n      return this.portHeight - 2.25*this.currRem\r\n    }\r\n  },\r\n  created() {\r\n    this.$emit(\"changeProduce\", \"new_home\");\r\n    this.isinit = false;\r\n    // this.portHeight = this.isMobile?'80vh':'100vh'\r\n    this.calcHeight()\r\n  },\r\n  mounted() {\r\n    this.calcWidth()\r\n    const _this = this;\r\n    // window.location.reload()\r\n    window.addEventListener('scroll', this.WheelGo, { passive: false })\r\n    // this.list = [\r\n    //   { ele: 'carousel' },\r\n    //   { ele: 'describe' },\r\n    //   { ele: 'product' },\r\n    //   { ele: 'projectList' },\r\n    //   // { ele: 'projectList2' },\r\n    //   // { ele: 'partner' },\r\n    //   { ele: 'footer' }\r\n    // ]\r\n    // document.querySelector('body').addEventListener('mouseover' ,this.initSrollPosition)\r\n    // // this.list = this.initSrollPosition('body', this.list)\r\n    // let carousel = document.getElementsByClassName('carousel')[0]\r\n    // carousel.onmouseover = function() {\r\n    //   _this.$emit('back',false)\r\n    // }\r\n    // carousel.onmouseout = function() {\r\n    //   _this.$emit('back',true)\r\n    // }\r\n    // setTimeout(() => {\r\n    //   document.querySelector('#anchor .ivu-anchor-link').classList.add('ivu-anchor-link-active')\r\n    // }, 50);\r\n  },\r\n  methods: {\r\n    handleOpenPages(val) {\r\n      window.open(val);\r\n    },\r\n    // 跳转产品中心子菜单\r\n    linkToNewNav(val) {\r\n      this.$emit(\"changeProduce\", val);\r\n    },\r\n    linkToProjectlist(id) {\r\n      this.$emit(\"changeProduce\", \"nprojectList\", id);\r\n    },\r\n    toPlatform() {\r\n      window.open(\"https://cloud.yueq.com.cn/\");\r\n    },\r\n    initSrollPosition() {\r\n      if (!this.isinit) {\r\n        for (let i in this.list) {\r\n          this.list[i].position = document.querySelector(\r\n            \".\" + this.list[i].ele\r\n          ).offsetTop;\r\n        }\r\n        this.isinit = true;\r\n      }\r\n    },\r\n    stopDefault(e) {\r\n      e.preventDefault();\r\n      return false;\r\n    },\r\n    WheelGo(e) {\r\n      let offset1 = 0\r\n      let offset2 = document.querySelector('#content2').offsetTop /// window.devicePixelRatio\r\n      let offset3 = document.querySelector('#content3').offsetTop /// window.devicePixelRatio\r\n      // console.log(window.devicePixelRatio * window.pageYOffset)\r\n      // console.log(document.querySelector('#content2').offsetTop)\r\n      if(window.pageYOffset === offset1){\r\n        this.$emit('anchorIndex', 1)\r\n      }\r\n      else if(window.pageYOffset >= offset2 && window.pageYOffset < offset3){\r\n        this.$emit('anchorIndex', 2)\r\n      }\r\n      else if(window.pageYOffset >= offset3){\r\n        this.$emit('anchorIndex', 3)\r\n      }\r\n      else{\r\n        this.$emit('anchorIndex', 1)\r\n      }\r\n      // if(window.pageYOffset === 0){\r\n      //   setTimeout(() => {\r\n      //     document.querySelector('#anchor .ivu-anchor-link').classList.add('ivu-anchor-link-active')\r\n      //   }, 50);\r\n      // }\r\n      // else if(window.pageYOffset >= document.querySelector('#content2').offsetTop){\r\n      //   document.querySelector('#anchor .ivu-anchor-link').classList.remove('ivu-anchor-link-active')\r\n      // }\r\n      // 判断向上滚动还是向下滚动\r\n      // var isDown = e.deltaY > 0 ? true : false;\r\n\r\n      // this.stopDefault(e);\r\n      // if (this.invoke) {\r\n      //   return;\r\n      // }\r\n      // this.moveTo(isDown);\r\n    },\r\n    moveTo(isDown) {\r\n      var cur_state;\r\n      if (isDown) {\r\n        this.cur_index =\r\n          this.cur_index >= this.list.length - 1\r\n            ? this.list.length - 1\r\n            : this.cur_index + 1;\r\n        cur_state = this.list[this.cur_index];\r\n      } else {\r\n        this.cur_index = this.cur_index <= 0 ? 0 : this.cur_index - 1;\r\n        cur_state = this.list[this.cur_index];\r\n      }\r\n      // console.log(\"invoke\")\r\n      // console.log(this.list)\r\n      this.invoke = true;\r\n      // console.log(this.cur_index)\r\n      window.scrollTo({ top: cur_state.position, left: 0, behavior: \"smooth\" });\r\n      if (this.cur_index == 2) {\r\n        document\r\n          .querySelector(\".header_name\")\r\n          .setAttribute(\"style\", \"color:#000;\");\r\n        document\r\n          .querySelector(\".selected\")\r\n          .setAttribute(\"style\", \"color:#000;\");\r\n        // console.log(document.querySelector('.header_name'))\r\n      } else {\r\n        document\r\n          .querySelector(\".header_name\")\r\n          .setAttribute(\"style\", \"color:#FFF;\");\r\n        document\r\n          .querySelector(\".selected\")\r\n          .setAttribute(\"style\", \"color:#FFF;\");\r\n      }\r\n      // if(this.cur_index == 0){\r\n      //   document.querySelector('.header--home').setAttribute('position', 'absolute')\r\n      // }\r\n      // else{\r\n      //   document.querySelector('.header--home').setAttribute('position', 'fixed')\r\n      // }\r\n      setTimeout(() => {\r\n        this.invoke = false;\r\n      }, 500);\r\n    },\r\n    tab1Click(index){\r\n      this.achKey = index\r\n      this.achKey2 = 0\r\n    },\r\n    onMouseEnter(index){\r\n      this.achKey3 = index\r\n    },\r\n    calcHeight(){\r\n      let height = document.body.clientHeight\r\n      let width = document.body.clientWidth\r\n      let min = this.currRem*10.125//(815 / window.devicePixelRatio)\r\n      let stand = parseInt((9 * width) / 16)//16:9标准画幅\r\n      // console.log(height)\r\n      if(height < min){\r\n        height = min\r\n      }\r\n      else if(height > stand){\r\n        height = stand\r\n      }\r\n      this.portHeight = (height - this.currRem)\r\n      // console.log(height)\r\n      // console.log(this.currRem)\r\n      // console.log(this.portHeight)\r\n    },\r\n    calcWidth(){\r\n      let width = document.body.clientWidth\r\n      this.portWidth = width + 'px'\r\n      // if(width < 960){\r\n      //   window.body.width = 960 + 'px'\r\n      // }\r\n    },\r\n    content3click(index){\r\n      this.achKey3 = index\r\n      this.$emit('changeProduce', 'newprojectList', null, null)\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('scroll', this.WheelGo)\r\n    // document.querySelector('body').removeEventListener('mouseover',this.initSrollPosition)\r\n  }\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n// @media all\r\n// and (-moz-device-pixel-ratio: 2.00),\r\n//     (-webkit-device-pixel-ratio: 2.00),\r\n//     (resolution: 200dpi){\r\n//   .tabsContent{\r\n//     background-position: 100% 70% !important;\r\n//   }\r\n// }\r\n.viewContent {\r\n  height: 100%;\r\n  // min-width: 1300px;\r\n  position: relative;\r\n  #content1,\r\n  #content2,\r\n  #content3,\r\n  #content4 {\r\n    width: 100%;\r\n    // padding: 10px 0;\r\n    ul,li{\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n  }\r\n  .carousel {\r\n    .item2 {\r\n      width: 100%;\r\n      background: url(\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/carousel2.png\")\r\n        center center no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: #fff;\r\n      cursor: pointer;\r\n      &__title {\r\n        font-size: 0.27rem;//30px\r\n        line-height: 1.5em;\r\n        font-weight: 400;\r\n        font-family: SourceHanSansCN-Bold, SourceHanSansCN;\r\n        letter-spacing: 3px;\r\n      }\r\n      &__des {\r\n        font-size: 0.3rem;//24px\r\n        line-height: 1.5em;\r\n      }\r\n      &__des span {\r\n        color: #2d8cf0;\r\n      }\r\n    }\r\n    .item3 {\r\n      width: 100%;\r\n      height: 100%;\r\n      background: url(\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/carousel2.png\")\r\n        center center no-repeat;\r\n      background-size: 100% 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n      color: #fff;\r\n      &__title {\r\n        font-size: 0.6rem;//48px\r\n        line-height: 1.5em;\r\n        font-weight: 400;\r\n        margin-bottom: 0.6rem;//48px\r\n      }\r\n      &__title span {\r\n        color: #2d8cf0;\r\n      }\r\n      &__des {\r\n        font-size: 0.2rem;//16px\r\n        line-height: 1.5em;\r\n        font-family: SourceHanSansCN-Regular, SourceHanSansCN;\r\n        letter-spacing: 0.2em;\r\n      }\r\n      &__des span {\r\n        color: #2d8cf0;\r\n      }\r\n    }\r\n  }\r\n  #content2 .tabsBox{\r\n    width: 100%;\r\n    height: 1.125rem;//90px\r\n    ul{\r\n      display: flex;\r\n      justify-content: center;\r\n      height: 100%;\r\n      li{\r\n        display: flex;\r\n        width: 3.5rem;//280px\r\n        height: 100%;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0 0.125rem;//10px\r\n        // padding: 5px 10px;\r\n        transition: 0.3s all;\r\n        cursor: pointer;\r\n        z-index: 1;\r\n\r\n        div{\r\n          display: flex;\r\n          flex-direction: row;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: fit-content;\r\n          height: 100%;\r\n          img{\r\n            display: block;\r\n            width: 1rem;\r\n            height: 0.75rem;\r\n            // margin-bottom: 10px;\r\n          }\r\n          span{\r\n            display: block;\r\n            height: 2em;\r\n            line-height: 2em;\r\n            font-size: 0.25rem;\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n      li:hover{\r\n        transform: scale(1.1);\r\n      }\r\n      li::before{\r\n        content: \"\";\r\n        display: block;\r\n        height: 0.0625rem;//5px\r\n        background: #2d8cf0;\r\n        position: absolute;\r\n        bottom: 0px;\r\n        left: 0;\r\n        width: 0;\r\n        transition: all .3s;\r\n        z-index: 2;\r\n      }\r\n      li.tabs{\r\n        box-shadow: none;\r\n        font-weight: 300;\r\n      }\r\n      li.tabsActived{\r\n        transform: scale(1);\r\n        font-weight: bold;\r\n        box-shadow: 0 0 10px rgba(0,0,0,0.3);\r\n      }\r\n      li.tabsActived::before{\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n  #content2 .tabsContent{\r\n    height: calc(100% - 1.125rem);\r\n    // margin-top: 5px;\r\n    background-size: cover;\r\n    background-position: 100% 100%;\r\n    background-repeat: no-repeat;\r\n    position: relative;\r\n    overflow: hidden;\r\n    .contentBox{\r\n      top: 10%;\r\n      width: 50%;\r\n      position: relative;\r\n      left: 3.5rem;//270px\r\n      font-size: 0.2rem;//16px\r\n      .p1{\r\n        line-height: 1.5em;\r\n        font-weight: bold;\r\n        font-size: 0.3rem;//24px\r\n      }\r\n      .p2{\r\n        color: #2d8cf0;\r\n        line-height: 1.5em;\r\n        font-weight: 400;\r\n        font-size: 0.25rem;//20px\r\n        margin-top: 2.5em;\r\n      }\r\n    }\r\n      .tabs_vert{\r\n        display: block;\r\n        height: 100%;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        ul{\r\n          display: flex;\r\n          width: max-content;\r\n          height: 100%;\r\n          flex-direction: column;\r\n          flex-wrap: wrap;\r\n          justify-content: flex-start;\r\n          // box-shadow: 0 10px 10px rgba(0,0,0,0.2);\r\n          // background-color: rgba(255, 255, 255, 0.4);\r\n          li{\r\n            transition: all 0.6s;\r\n            padding: 0 0.125rem;\r\n            width: 2.5rem;//200px\r\n            height: 4em;//80px\r\n            line-height: 4em;//80px\r\n            position: relative;\r\n            font-size: 0.25rem;//20px\r\n            color: #333;\r\n            text-align: center;\r\n            align-items: center;\r\n            cursor: pointer;\r\n          }\r\n          li::before{\r\n            content: \"\";\r\n            display: block;\r\n            height: 0.0625rem;//5px\r\n            background: #2d8cf0;\r\n            position: absolute;\r\n            bottom: 0px;\r\n            left: 0;\r\n            width: 0;\r\n            transition: all .3s;\r\n            z-index: 2;\r\n          }\r\n          li.off{\r\n            width: 2.5rem;\r\n          }\r\n          li.on{\r\n            font-weight: bolder;\r\n            // border-bottom: 5px solid #12639E;\r\n            box-shadow: 0 0 10px rgba(0,0,0,0.3);\r\n            width: 2.75rem;//220px\r\n            background-color: rgba(255, 255, 255, 0.6);\r\n          }\r\n          li.on::before{\r\n            width: 100%;\r\n          }\r\n          li:hover{\r\n            font-weight: bolder;\r\n            // border-bottom: 5px solid #12639E;\r\n            box-shadow: 0 0 10px rgba(0,0,0,0.3);\r\n            width: 2.75rem;//220px\r\n            background-color: rgba(255, 255, 255, 0.6);\r\n          }\r\n        }\r\n      }\r\n    .moreInfo{\r\n      // position: absolute;\r\n      // bottom: 10px;\r\n      // left: 5%;\r\n      margin-top: 4em;\r\n      // animation: animated-border 2s infinite;\r\n    }\r\n  }\r\n  #content3{\r\n    position: relative;\r\n    ul,li{\r\n      margin: 0;\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n    .c3head{\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 100%;\r\n      height: 1rem;//80px\r\n      position: relative;\r\n      .title{\r\n        display: block;\r\n        height: 1rem;\r\n        line-height: 1rem;\r\n        font-size: 0.4rem;\r\n        text-align: center;\r\n        font-weight: bold;\r\n        position: relative;\r\n      }\r\n      .title::before{\r\n        content: \"\";\r\n        display: block;\r\n        height: 0.0625rem;//5px\r\n        background: #2d8cf0;\r\n        position: absolute;\r\n        bottom: 0.125rem;\r\n        left: 50%;\r\n        width: 2em;\r\n        transform: translateX(-50%);\r\n        transition: all .3s;\r\n      }\r\n    }\r\n    .c3NavBox{\r\n      position: relative;\r\n      width: 100%;\r\n      // height: 50px;\r\n      height: 1.25rem;//100px\r\n      display: flex;\r\n      flex-direction: row;\r\n      flex-wrap: nowrap;\r\n      overflow: hidden;\r\n      // margin: 10px 0;\r\n      #c3Nav{\r\n        display: block;\r\n        width: fit-content;\r\n        height: 100%;\r\n        border-radius: 15px;\r\n        background-color: #2d8cf0;\r\n        // padding: 20px 16px;\r\n        color: #FFF;\r\n        text-align: center;\r\n        font-size: 0.25rem;//20px\r\n        position: absolute;\r\n        top: 0;\r\n        transform: translateX(-50%);\r\n        transition: all 0.6s;\r\n      }\r\n    }\r\n    .coordinBox{\r\n      ul{\r\n        width: 100%;\r\n        height: calc(100% - 1.25rem - 1rem);\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        position: relative;\r\n        li{\r\n          transition: all 0.6s;\r\n          // border: 1px solid #000;\r\n          position: relative;\r\n          flex: 0 0 auto;\r\n          flex-grow: 0;\r\n          flex-shrink: 0;\r\n          flex-basis: unset;\r\n          cursor: pointer;\r\n        }\r\n        .coordinImg{\r\n          overflow: clip;\r\n          overflow-clip-margin: content-box;\r\n          display: inline;\r\n          object-fit: cover;\r\n          vertical-align: middle;\r\n          height: 100%;\r\n          width: 100%;\r\n          z-index: 1;\r\n          -webkit-mask-image: linear-gradient(to left, transparent 1px, #fff 20px);\r\n        }\r\n        .coordinBgImg{\r\n          height: 100%;\r\n          width: 100%;\r\n          background-size: auto 100%;\r\n          background-repeat: no-repeat;\r\n          background-attachment: local fixed;\r\n          // background-position: 20% 100%;\r\n          z-index: 1;\r\n          -webkit-mask-image: linear-gradient(to left, transparent 1px, #fff 20px);\r\n          transition: all 1s;\r\n        }\r\n        li.off{\r\n          width: 10%;\r\n        }\r\n        li.on{\r\n          width: 50%;\r\n          .coordinBgImg{\r\n            background-size: 100% 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .coordinContent{\r\n      display: flex;\r\n      // display: block;\r\n      background-image: linear-gradient(0.0deg, rgba(0, 99, 176, 1) 0.0, rgba(0, 153, 226, 1) 100%);\r\n      flex-wrap: wrap;\r\n      flex-direction: row;\r\n      height: 100%;\r\n      // background-color: rgba(240, 130, 0, 0.8);\r\n      position: relative;\r\n      z-index: 2;\r\n      // border-top-left-radius: 15px;\r\n      // border-top-right-radius: 15px;\r\n      margin-top: 0px;\r\n      transition: all 0.6s;\r\n      overflow: hidden;\r\n      .span1{\r\n        color: rgba(255, 255, 255, 1);\r\n        font-size: 0.3rem;//\r\n        line-height: 1.5em;\r\n        font-weight: bold;\r\n        width: 100%;\r\n        // margin-bottom: 10px;\r\n      }\r\n      .span2{\r\n        font-size: 0.18rem;\r\n        color: rgba(255, 255, 255, 0.66);\r\n        line-height: 1.5em;\r\n        -webkit-line-clamp: 4;\r\n        display: -webkit-box;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n      }\r\n      .moreInfo{\r\n        position: relative;\r\n      }\r\n    }\r\n    .ccOn{\r\n      width: 50%;\r\n      background-image: linear-gradient(0.0deg, rgba(0, 99, 176, 1) 0.0, rgba(0, 153, 226, 1) 100%);\r\n      padding: 0px 0.5625rem;\r\n    }\r\n    .ccOn>.span1{\r\n      color: rgba(255,255,255,1);\r\n    }\r\n    .ccOn>.span2{\r\n      color: rgba(255,255,255,0.66);\r\n      // display: -webkit-box;\r\n    }\r\n    .ccOff{\r\n      width: 10%;\r\n      height: 1.25rem;//100px\r\n      background-image: none;\r\n      // padding: 0;\r\n    }\r\n    .ccOff>.span1{\r\n      color: rgba(0, 0, 0, 0.6);\r\n      // display: none;\r\n      // -webkit-line-clamp: 2;\r\n      // display: -webkit-box;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      display: block;\r\n      width: 4em;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n    }\r\n    .ccOff>.span2{\r\n      color: rgba(0, 0, 0, 0);\r\n      display: none;\r\n    }\r\n  }\r\n  .moreInfo{\r\n    position: relative;\r\n    display: block;\r\n    background-color: #2d8cf0;\r\n    outline: none;\r\n    border: none;\r\n    color: #fff;\r\n    height: 2em;\r\n    font-size: 0.2rem;//16px\r\n    margin: 10px 0;\r\n  }\r\n  .moreInfo:hover{\r\n    transition: all 0.3s;\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n/deep/ .ivu-carousel-arrow{\r\n  width: 0.8rem;//64px\r\n  height: 0.8rem;\r\n  font-size: 0.6rem;//48px\r\n}\r\n/deep/ .ivu-carousel-dots li button.radius{\r\n  width: 0.2rem;//16px\r\n  height: 0.2rem;\r\n}\r\n/deep/ .ivu-carousel-dots-inside{\r\n  bottom: 0.25rem;//20px\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./newindex.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!./newindex.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./newindex.vue?vue&type=template&id=b71e7bc0&scoped=true&\"\nimport script from \"./newindex.vue?vue&type=script&lang=js&\"\nexport * from \"./newindex.vue?vue&type=script&lang=js&\"\nimport style0 from \"./newindex.vue?vue&type=style&index=0&id=b71e7bc0&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b71e7bc0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main_home\"},[_c('div',{staticClass:\"describe\"},[_c('div',{staticClass:\"describe__left\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"公司简介\")]),_c('div',{staticClass:\"content\"},[_vm._v(\" 广州粤桥工程咨询有限公司，系依托华南理工大学土木与交通资深教授专家团队，为实现科研成果产业转化而成立的高科技企业。基于团队超过20年的科研基础，公司在结构精细化仿真、结构全寿命周期监测、工程信息化等领域，为各类大型工程提供全方位的技术咨询服务。公司业务立足广东辐射华南，竭诚为土木行业高质量发展贡献力量。 \")]),_c('Button',{staticClass:\"btn\",attrs:{\"type\":\"primary\",\"shape\":\"circle\"},on:{\"click\":function($event){return _vm.linkToNewNav('about_us')}}},[_vm._v(\" 了解更多 \"),_c('Icon',{attrs:{\"type\":\"md-arrow-forward\"}})],1)],1),_vm._m(0)]),_c('div',{staticClass:\"product\"},[_c('div',{staticClass:\"product__title\"},[_vm._v(\"业务介绍\")]),_c('div',{staticClass:\"product__describe\"},[_vm._v(\" 我们在结构精细化仿真、结构全寿命周期监测、工程信息化等领域，为各类大型工程项目提供全方位的技术咨询服务 \")]),_c('div',{staticClass:\"product__img\"},_vm._l((_vm.producetList),function(item){return _c('div',{key:item.key,staticClass:\"items\",on:{\"click\":function($event){return _vm.linkToNewNav(item.key)}}},[_c('img',{staticClass:\"imgs\",attrs:{\"src\":item.bgImg}}),_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"icon\"},[_c('img',{attrs:{\"src\":item.img,\"width\":\"100%\"}})]),_c('div',{staticClass:\"produce_des\"},[_vm._v(_vm._s(item.des))]),_c('Button',{staticClass:\"btn\",attrs:{\"shape\":\"circle\"}},[_vm._v(\" 了解更多 \"),_c('Icon',{attrs:{\"type\":\"md-arrow-forward\"}})],1)],1)])}),0)]),_c('div',{staticClass:\"projectList\"},[_c('div',{staticClass:\"projectList__title\"},[_vm._v(\"项目展示\")]),_c('div',{staticClass:\"contentBox\"},[_c('ul',{staticClass:\"achievements\"},_vm._l((_vm.achList),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){return _vm.linkToProjectlist(item.key)}}},[_c('div',{staticClass:\"ache_box\"},[_c('img',{attrs:{\"src\":item.img,\"alt\":\"图片加载失败\"}}),_c('div',{staticClass:\"achDes\"},[_vm._v(_vm._s(item.title))]),_c('button',{staticClass:\"achBtn\"},[_vm._v(\"了解更多\"),_c('Icon',{staticStyle:{\"margin-left\":\"5px\"},attrs:{\"type\":\"md-arrow-forward\",\"size\":\"24\"}})],1)])])}),0)])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isMobile?true:(_vm.cur_index>0)),expression:\"isMobile?true:(cur_index>0)\"}],staticStyle:{\"position\":\"fixed\",\"bottom\":\"30px\",\"right\":\"30px\",\"cursor\":\"pointer\"},on:{\"click\":_vm.toPlatform}},[_c('img',{attrs:{\"src\":\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeFlow.png\",\"alt\":\"\",\"width\":\"150px\"}})])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"describe__right\"},[_c('img',{attrs:{\"src\":\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeDescribe_bg.png\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main_home\">\r\n    <div class=\"describe\">\r\n      <div class=\"describe__left\">\r\n        <div class=\"title\">公司简介</div>\r\n        <div class=\"content\">\r\n          广州粤桥工程咨询有限公司，系依托华南理工大学土木与交通资深教授专家团队，为实现科研成果产业转化而成立的高科技企业。基于团队超过20年的科研基础，公司在结构精细化仿真、结构全寿命周期监测、工程信息化等领域，为各类大型工程提供全方位的技术咨询服务。公司业务立足广东辐射华南，竭诚为土木行业高质量发展贡献力量。\r\n        </div>\r\n        <Button\r\n          type=\"primary\"\r\n          shape=\"circle\"\r\n          class=\"btn\"\r\n          @click=\"linkToNewNav('about_us')\"\r\n        >\r\n          了解更多\r\n          <Icon type=\"md-arrow-forward\" />\r\n        </Button>\r\n      </div>\r\n      <div class=\"describe__right\">\r\n        <img\r\n          src=\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeDescribe_bg.png\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"product\">\r\n      <div class=\"product__title\">业务介绍</div>\r\n      <div class=\"product__describe\">\r\n        我们在结构精细化仿真、结构全寿命周期监测、工程信息化等领域，为各类大型工程项目提供全方位的技术咨询服务\r\n      </div>\r\n      <div class=\"product__img\">\r\n        <div\r\n          v-for=\"item in producetList\"\r\n          :key=\"item.key\"\r\n          class=\"items\"\r\n          @click=\"linkToNewNav(item.key)\"\r\n        >\r\n          <img class=\"imgs\" :src=\"item.bgImg\" />\r\n          <div class=\"text\">\r\n            <div class=\"icon\">\r\n              <img :src=\"item.img\" width=\"100%\"/>\r\n            </div>\r\n            <div class=\"produce_des\">{{ item.des }}</div>\r\n            <Button shape=\"circle\" class=\"btn\">\r\n              了解更多\r\n              <Icon type=\"md-arrow-forward\" />\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"projectList\">\r\n      <div class=\"projectList__title\">项目展示</div>\r\n      <div class=\"contentBox\">\r\n        <ul class=\"achievements\">\r\n          <li v-for=\"(item, index) in achList\" :key=\"index\" @click=\"linkToProjectlist(item.key)\">\r\n            <div class=\"ache_box\">\r\n              <img :src=\"item.img\" alt=\"图片加载失败\" />\r\n              <div class=\"achDes\">{{item.title}}</div>\r\n              <button class=\"achBtn\">了解更多<Icon type=\"md-arrow-forward\" size=\"24\" style=\"margin-left: 5px;\"/></button>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <!--\r\n    <div class=\"projectList2\">\r\n      <div class=\"projectList2__title\">项目展示</div>\r\n      <div class=\"contentBox\">\r\n        <ul class=\"achievements\">\r\n          <li v-for=\"(item, index) in achList\" :key=\"index\" @click=\"linkToProjectlist(item.key)\">\r\n            <div class=\"ache_box\">\r\n              <img :src=\"item.img\" alt=\"图片加载失败\" class=\"projectList2_img\" />\r\n            </div>\r\n            <div class=\"block\">\r\n              <div class=\"achDes\">{{item.title}}</div>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    -->\r\n    <div style=\"position:fixed;bottom:30px;right:30px;cursor:pointer;\" v-show=\"isMobile?true:(cur_index>0)\" @click=\"toPlatform\">\r\n      <img src=\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeFlow.png\" alt=\"\" width=\"150px\">\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: 'main_home',\r\n  data() {\r\n    return {\r\n      achList: [\r\n        {\r\n          class: '工程结构仿真实例',\r\n          key: 'ana',\r\n          title: \"工程结构仿真项目\",\r\n          img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/home_ach1.png'\r\n        },\r\n        {\r\n          class: '工程智能监测实例',\r\n          key: 'moni',\r\n          title: \"工程智能监测项目\",\r\n          img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/home_ach2.png'\r\n        },\r\n        {\r\n          class: '工程信息科技实例',\r\n          key: 'tech',\r\n          title: \"工程信息科技项目\",\r\n          img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/home_ach3.png'\r\n        },\r\n        // {\r\n        //   class: '工程结构研发实例',\r\n        //   key: 'dev',\r\n        //   title: \"工程结构研发类项目业绩\",\r\n        //   img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/home_ach4.png'\r\n        // }\r\n      ],\r\n      producetList: [\r\n        {\r\n          key: \"struct_analyse\",\r\n          bgImg: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg1.jpg\",\r\n          img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/ana_icon.png',\r\n          des: \"工程结构仿真\"\r\n        },\r\n        {\r\n          key: \"struct_moni\",\r\n          bgImg: \"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg2.jpg\",\r\n          img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/moni_icon.png',\r\n          des: \"工程智能监测\"\r\n        },\r\n        {\r\n          key: \"struct_tech\",\r\n          bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg3.jpg',\r\n          img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/tech_icon.png',\r\n          des: \"工程信息科技\"\r\n        },\r\n        // {\r\n        //   key: \"struct_dev\",\r\n        //   bgImg: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeBusiness_bg4.jpg',\r\n        //   img: 'https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/dev_icon.png',\r\n        //   des: \"工程科技研发\"\r\n        // }\r\n      ],\r\n      cur_index: 0,\r\n      invoke: false,\r\n      list: [],\r\n      isinit: false,\r\n      portHeight: '100vh'\r\n    }\r\n  },\r\n  computed: {\r\n    isMobile(){\r\n      if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)){\r\n        return true\r\n      }\r\n      else{\r\n        return false\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.$emit('changeProduce','main_home')\r\n    this.isinit = false\r\n    this.portHeight = this.isMobile?'80vh':'100vh'\r\n  },\r\n  mounted() {\r\n    const _this = this\r\n    // window.location.reload()\r\n    window.addEventListener('mousewheel', this.WheelGo, { passive: false })\r\n    this.list = [\r\n      { ele: 'carousel' },\r\n      { ele: 'describe' },\r\n      { ele: 'product' },\r\n      { ele: 'projectList' },\r\n      // { ele: 'projectList2' },\r\n      // { ele: 'partner' },\r\n      { ele: 'footer' }\r\n    ]\r\n    document.querySelector('body').addEventListener('mouseover' ,this.initSrollPosition)\r\n    // this.list = this.initSrollPosition('body', this.list)\r\n    let carousel = document.getElementsByClassName('carousel')[0]\r\n    carousel.onmouseover = function() {\r\n      _this.$emit('back',false)\r\n    }\r\n    carousel.onmouseout = function() {\r\n      _this.$emit('back',true)\r\n    }\r\n  },\r\n  methods: {\r\n    handleOpenPages(val) {\r\n      window.open(val)\r\n    },\r\n    // 跳转产品中心子菜单\r\n    linkToNewNav(val) {\r\n      this.$emit('changeProduce', val)\r\n    },\r\n    linkToProjectlist(id) {\r\n      this.$emit('changeProduce', 'projectList', id)\r\n    },\r\n    toPlatform() {\r\n      window.open('https://cloud.yueq.com.cn/')\r\n    },\r\n    initSrollPosition() {\r\n      if(!this.isinit){\r\n        for (let i in this.list) {\r\n          this.list[i].position = document.querySelector(\".\"+this.list[i].ele).offsetTop\r\n        }\r\n        this.isinit = true\r\n      }\r\n    },\r\n    stopDefault(e) {\r\n      e.preventDefault()\r\n      return false\r\n    },\r\n    WheelGo(e) {\r\n      // 判断向上滚动还是向下滚动\r\n      var isDown = e.deltaY > 0 ? true : false\r\n\r\n      this.stopDefault(e)\r\n      if (this.invoke) {\r\n        return\r\n      }\r\n      this.moveTo(isDown)\r\n    },\r\n    moveTo(isDown) {\r\n      var cur_state\r\n      if (isDown) {\r\n        this.cur_index = this.cur_index >= this.list.length - 1 ? this.list.length - 1 : this.cur_index + 1\r\n        cur_state = this.list[this.cur_index]\r\n      } else {\r\n        this.cur_index = this.cur_index <= 0 ? 0 : this.cur_index - 1\r\n        cur_state = this.list[this.cur_index]\r\n      }\r\n      // console.log(\"invoke\")\r\n      // console.log(this.list)\r\n      this.invoke = true\r\n      // console.log(this.cur_index)\r\n      window.scrollTo({ top: cur_state.position, left: 0, behavior: \"smooth\" })\r\n      if(this.cur_index == 2){\r\n        document.querySelector('.header_name').setAttribute('style', 'color:#000;')\r\n        document.querySelector('.selected').setAttribute('style', 'color:#000;')\r\n        // console.log(document.querySelector('.header_name'))\r\n      }\r\n      else{\r\n        document.querySelector('.header_name').setAttribute('style', 'color:#FFF;')\r\n        document.querySelector('.selected').setAttribute('style', 'color:#FFF;')\r\n      }\r\n      // if(this.cur_index == 0){\r\n      //   document.querySelector('.header--home').setAttribute('position', 'absolute')\r\n      // }\r\n      // else{\r\n      //   document.querySelector('.header--home').setAttribute('position', 'fixed')\r\n      // }\r\n      setTimeout(() => {\r\n        this.invoke = false\r\n      }, 500)\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('mousewheel', this.WheelGo)\r\n    document.querySelector('body').removeEventListener('mouseover',this.initSrollPosition)\r\n  },\r\n};\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.main_home {\r\n  .describe {\r\n    display: flex;\r\n    width: 100%;\r\n    height: 100vh;\r\n    &__left {\r\n      width: 50%;\r\n      height: 100%;\r\n      padding: 0 100px;\r\n      background-color: #2e2e30;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      color: #fff;\r\n      .title {\r\n        position: relative;\r\n        font-size: 36px;\r\n        line-height: 1.5em;\r\n        font-weight: bold;\r\n      }\r\n      .title::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        bottom: -8px;\r\n        left: 0;\r\n        width: 80px;\r\n        height: 8px;\r\n        background-color: #1677ff;\r\n      }\r\n      .content {\r\n        margin: 64px 0px 56px;\r\n        font-size: 14px;\r\n        line-height: 2em;\r\n        color: #d3d3d3;\r\n      }\r\n      .btn {\r\n        width: 168px;\r\n        transition: all 0.3s;\r\n      }\r\n    }\r\n    &__right {\r\n      width: 50%;\r\n      height: 100%;\r\n    }\r\n    &__right img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n  .product {\r\n    width: 100%;\r\n    height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #000;\r\n    &__title {\r\n      margin: 86px 0 32px;\r\n      position: relative;\r\n      font-size: 36px;\r\n      line-height: 1.5em;\r\n      font-weight: bold;\r\n    }\r\n    &__title::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: -8px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 80px;\r\n      height: 8px;\r\n      background-color: #1677ff;\r\n    }\r\n    &__describe {\r\n      margin-bottom: 40px;\r\n      width: 744px;\r\n      font-size: 14px;\r\n      line-height: 2em;\r\n      text-align: center;\r\n    }\r\n    &__img {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      .items {\r\n        width: 33.3%;\r\n        height: 480px;\r\n        position: relative;\r\n        cursor: pointer;\r\n        transition: all 0.4s ease-out;\r\n        color: #fff;\r\n        background-color: #000;\r\n        .imgs {\r\n          width: 100%;\r\n          height: 100%;\r\n          position: absolute;\r\n          opacity: 0.68;\r\n        }\r\n        .text {\r\n          width: 100%;\r\n          height: 100%;\r\n          position: absolute;\r\n          display: flex;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          align-items: center;\r\n          .btn {\r\n            margin-top: 32px;\r\n            color: #2d8cf0;\r\n            opacity: 0;\r\n          }\r\n        }\r\n        .icon {\r\n          width: 64px;\r\n          height: 64px;\r\n        }\r\n        .spicon{\r\n          width: 100px;\r\n          height: 64px;\r\n        }\r\n        .produce_des {\r\n          margin-top: 16px;\r\n          font-size: 24px;\r\n          line-height: 1.5em;\r\n          font-weight: bold;\r\n        }\r\n      }\r\n    }\r\n    .items:hover {\r\n      background-color: #044aad;\r\n      opacity: 0.79;\r\n    }\r\n    .items:hover .btn {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .projectList {\r\n    width: 100%;\r\n    height: 100vh;\r\n    margin: 176px 0 0;\r\n    padding: 64px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: url(\"https://yueq-website-1300597373.cos.ap-guangzhou.myqcloud.com/homeAchievement_bg.png\")\r\n      center center no-repeat;\r\n    background-size: 100% 100%;\r\n    &__title {\r\n      margin: 0 0 32px;\r\n      position: relative;\r\n      font-size: 36px;\r\n      line-height: 1.5em;\r\n      font-weight: bold;\r\n      color: #fff;\r\n    }\r\n    &__title::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: -8px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 80px;\r\n      height: 8px;\r\n      background-color: #1677ff;\r\n    }\r\n    &__tab {\r\n      margin-bottom: 32px;\r\n      padding: 8px 16px;\r\n      background-color: #1677ff;\r\n      border-radius: 32px;\r\n      font-size: 16px;\r\n      line-height: 1.5em;\r\n      color: #fff;\r\n    }\r\n    .contentBox {\r\n      width: 100%;\r\n      height: calc(100% - 128px - 54px + 100px);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      .achievements {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n        margin: 20px 0;\r\n        justify-content: space-evenly;\r\n        li {\r\n          display: flex;\r\n          flex-direction: column;\r\n          width: 23%;\r\n          padding: 16px;\r\n          border-radius: 15px;\r\n          background-color: #FFF;\r\n          border: 1px solid #CCC;\r\n          .ache_box{\r\n            width: 100%;\r\n            min-height: 400px;\r\n            position: relative;\r\n            img{\r\n              width: 100%;\r\n              height: 200px;\r\n            }\r\n            .achDes{\r\n              margin-top: 20px;\r\n              width: 100%;\r\n              display: block;\r\n              font-size: 20px;\r\n              line-height: 1.5em;\r\n              color: #000;\r\n              font-weight: bold;\r\n              text-align: center;\r\n            }\r\n            .achBtn{\r\n              position: absolute;\r\n              bottom: 40px;\r\n              left: 50%;\r\n              transform: translateX(-50%);\r\n              width: 150px;\r\n              margin: 0 auto;\r\n              padding: 10px;\r\n              border-radius: 15px;\r\n              border: 1px solid #CCC;\r\n              background-color: #FFF;\r\n              font-size: 16px;\r\n              line-height: 1.5em;\r\n            }\r\n            .achBtn:hover{\r\n              background-color: #1677ff;\r\n              color: #FFF;\r\n              cursor: pointer;\r\n            }\r\n          }\r\n          // display: flex;\r\n          // flex-direction: column;\r\n          // width: 40%;\r\n          // border: 1px solid #CCC;\r\n          // margin: 16px;\r\n          // position: relative;\r\n          // img {\r\n          //   height: 300px;\r\n          //   display: block;\r\n          //   width: 100%;\r\n          //   border: 1px solid #CCC;\r\n          // }\r\n          // .achDes{\r\n          //   padding: 16px;\r\n          //   width: 100%;\r\n          //   height: 300px;\r\n          //   display: none;\r\n          //   position: absolute;\r\n          //   text-align: center;\r\n          //   font-size: 24px;\r\n          //   font-weight: bold;\r\n          //   line-height: 300px;\r\n          //   color: #000;\r\n          //   background-color: rgba(255, 255, 255, .2);\r\n          // }\r\n        }\r\n        // li:hover .achDes{\r\n        //   // transition: all 0.3s;\r\n        //   // transform: scale(1.15);\r\n        //   cursor: pointer;\r\n        //   display: block;\r\n        // }\r\n        li:hover{\r\n          transition: all 0.3s;\r\n          transform: scale(1.1);\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .projectList2 {\r\n    width: 100%;\r\n    height: 100vh;\r\n    margin: 176px 0 0;\r\n    padding: 64px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    background: url(\"https://scut-officialwebsite.oss-cn-guangzhou.aliyuncs.com/homeNewBg.png\")\r\n      center center no-repeat;\r\n    background-size: 100% 100%;\r\n    &__title {\r\n      margin: 0 0 32px;\r\n      position: relative;\r\n      font-size: 36px;\r\n      line-height: 1.5em;\r\n      font-weight: bold;\r\n      color: #fff;\r\n    }\r\n    &__title::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      bottom: -8px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 80px;\r\n      height: 8px;\r\n      background-color: #1677ff;\r\n    }\r\n    &__tab {\r\n      margin-bottom: 32px;\r\n      padding: 8px 16px;\r\n      background-color: #1677ff;\r\n      border-radius: 32px;\r\n      font-size: 16px;\r\n      line-height: 1.5em;\r\n      color: #fff;\r\n    }\r\n    .contentBox {\r\n      width: 100%;\r\n      height: calc(100% - 128px - 54px);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      .achievements {\r\n        display: flex;\r\n        flex-direction: row;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n        margin: 20px 0;\r\n        justify-content: space-evenly;\r\n        li {\r\n          display: flex;\r\n          flex-direction: column;\r\n          width: 25%;\r\n          // padding: 16px;\r\n          border-radius: 15px;\r\n          // background-color: #FFF;\r\n          // border: 1px solid #CCC;\r\n          position: relative;\r\n          .ache_box{\r\n            width: 100%;\r\n            // min-height: 400px;\r\n            .projectList2_img{\r\n              width: 100%;\r\n              height: 400px;\r\n              cursor: pointer;\r\n            }\r\n          }\r\n          .block{\r\n            opacity: 0;\r\n            height: 400px;\r\n            width: 100%;\r\n            position: absolute;\r\n            top: 400px;\r\n            left: 0;\r\n            background-color: rgba(255, 255, 255, .1);\r\n            .achDes{\r\n              margin-top: 20px;\r\n              width: 100%;\r\n              height: 100%;\r\n              display: block;\r\n              font-size: 20px;\r\n              line-height: 350px;\r\n              color: #000;\r\n              font-weight: bold;\r\n              text-align: center;\r\n            }\r\n          }\r\n        }\r\n        .ache_box:hover + .block{\r\n          animation: blockmove 0.5s forwards;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .top{\r\n    padding: 10px;\r\n    background: rgba(0, 153, 229, .7);\r\n    color: #fff;\r\n    text-align: center;\r\n    border-radius: 2px;\r\n  }\r\n}\r\n@keyframes blockmove {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(0);\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(-400px);\r\n    background-color: rgba(255, 255, 255, 0.6);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=7041e25e&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=7041e25e&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7041e25e\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-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=7041e25e&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-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=7041e25e&lang=less&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./newindex.vue?vue&type=style&index=0&id=b71e7bc0&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./newindex.vue?vue&type=style&index=0&id=b71e7bc0&lang=less&scoped=true&\""],"sourceRoot":""}