| 1 |
- {"remainingRequest":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\about\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\about\\index.vue","mtime":1691993564211},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBTd2lwZXIgZnJvbSAic3dpcGVyIjsKaW1wb3J0IHtnZXRCcmlkZn0gZnJvbSAiQC9zZXJ2aWNlL2FwaV9zZXJ2aWNlIjsKaW1wb3J0IEJhaWR1TWFwIGZyb20gJ3Z1ZS1iYWlkdS1tYXAnCmV4cG9ydCBkZWZhdWx0IHsKICAgIGRhdGEgKCkgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICAgIGFjdGl2ZToxLAogICAgICAgICAgICB6c0xpc3Q6WwogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGltZzonenMxLnBuZycsCiAgICAgICAgICAgICAgICAgICAgbmFtZTon5LiT6aG55om25oyB5pS/562WJywKICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjEsCiAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGltZzonenMyLnBuZycsCiAgICAgICAgICAgICAgICAgICAgbmFtZTon56iO5pS25LyY5oOgJywKICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjIsCiAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICAgICAgewogICAgICAgICAgICAgICAgICAgIGltZzonenMzLnBuZycsCiAgICAgICAgICAgICAgICAgICAgbmFtZTon5aWW5Yqx5o6q5pa9JywKICAgICAgICAgICAgICAgICAgICBldmVudEluZGV4OjMsCiAgICAgICAgICAgICAgICAgICAgZGV0YWlsOicnCiAgICAgICAgICAgICAgICB9LAogICAgICAgICAgICBdLAogICAgICAgICAgZW52aXJvbm1lbnRJbWdMaXN0OltdLAogICAgICAgICAgICBicmllZkRldGFpbDp7fQogICAgICAgIH0KICAgIH0sCiAgICBtb3VudGVkKCkgewogICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gKICAgICAgICBuZXcgU3dpcGVyICgnLnN3aXBlci1jb250YWluZXInLCB7CiAgICAgICAgICAgIGxvb3A6IHRydWUsCiAgICAgICAgICAgIC8vIOWmguaenOmcgOimgeWIhumhteWZqAogICAgICAgICAgICBwYWdpbmF0aW9uOiAnLnN3aXBlci1wYWdpbmF0aW9uJywKICAgICAgICAgICAgLy8g5aaC5p6c6ZyA6KaB5YmN6L+b5ZCO6YCA5oyJ6ZKuCiAgICAgICAgICAgIG5leHRCdXR0b246ICcuc3dpcGVyLWJ1dHRvbi1uZXh0JywKICAgICAgICAgICAgcHJldkJ1dHRvbjogJy5zd2lwZXItYnV0dG9uLXByZXYnLAogICAgICAgICAgb2JzZXJ2ZXI6dHJ1ZSwKICAgICAgICAgIG9ic2VydmVQYXJlbnRzOnRydWUsCiAgICAgICAgICAgIC8vIHNsaWRlc1BlclZpZXcgOiAyLAogICAgICAgICAgICAvLyBjZW50ZXJlZFNsaWRlcyA6IHRydWUsCiAgICAgICAgICAgIC8vIOWmguaenOmcgOimgea7muWKqOadoQogICAgICAgICAgICAvLyBzY3JvbGxiYXI6ICcuc3dpcGVyLXNjcm9sbGJhcicsCiAgICAgICAgICAgIC8v5aaC5p6c6ZyA6KaB6Ieq5Yqo5YiH5o2i5rW35oqlCiAgICAgICAgICAgIC8vIGF1dG9wbGF5OiB7CiAgICAgICAgICAgIC8vICAgZGVsYXk6IDEwMDAwMCwvL+aXtumXtCDmr6vnp5IKICAgICAgICAgICAgLy8gICBkaXNhYmxlT25JbnRlcmFjdGlvbjogZmFsc2UsLy/nlKjmiLfmk43kvZzkuYvlkI7mmK/lkKblgZzmraLoh6rliqjova7mkq3pu5jorqR0cnVlCiAgICAgICAgICAgIC8vIH0sCiAgICAgICAgfSkKICAgICAgdGhpcy5nZXREYXRhKCkKICAgIH0sCiAgICBtZXRob2RzOiB7CiAgICAgIG1hcFJlYWR5KHsgQk1hcCwgbWFwIH0pIHsKICAgICAgICAvLyDpgInmi6nkuIDkuKrnu4/nuqzluqbkvZzkuLrkuK3lv4PngrkKICAgICAgICB0aGlzLnBvaW50ID0gbmV3IEJNYXAuUG9pbnQoMTIwLjMyNzI1OCwzMS40ODkzNSk7CiAgICAgICAgbWFwLmNlbnRlckFuZFpvb20odGhpcy5wb2ludCwgMTgpOwogICAgICAgIG1hcC5lbmFibGVTY3JvbGxXaGVlbFpvb20odHJ1ZSk7CiAgICAgICAgdmFyIG1hcmtlcjEgPSBuZXcgQk1hcC5NYXJrZXIodGhpcy5wb2ludCk7CiAgICAgICAgdmFyIG9wdHMgPSB7CiAgICAgICAgICBwb3NpdGlvbjogdGhpcy5wb2ludCwgLy8g5oyH5a6a5paH5pys5qCH5rOo5omA5Zyo55qE5Zyw55CG5L2N572uCiAgICAgICAgICBvZmZzZXQ6IG5ldyBCTWFwLlNpemUoLTExMCwgLTgwKSAvLyDorr7nva7mlofmnKzlgY/np7vph48KICAgICAgICB9OwogICAgICAgIC8vIOWIm+W7uuaWh+acrOagh+azqOWvueixoQogICAgICAgIHZhciBsYWJlbCA9ICBuZXcgQk1hcC5MYWJlbCgn5peg6ZSh5bCa6LSk5rmW5Z+66YeRUGFya+aZuuaFp+WbreWMuicsIG9wdHMpOwogICAgICAgIC8vIOiHquWumuS5ieaWh+acrOagh+azqOagt+W8jwogICAgICAgIGxhYmVsLnNldFN0eWxlKHsKICAgICAgICAgIGNvbG9yOiAnYmxhY2snLAogICAgICAgICAgYm9yZGVyUmFkaXVzOiAnNXB4JywKICAgICAgICAgIGJvcmRlckNvbG9yOiAnI2NjY2NjYycsCiAgICAgICAgICBwYWRkaW5nOiAnMTBweCcsCiAgICAgICAgICBmb250U2l6ZTogJzE2cHgnLAogICAgICAgICAgaGVpZ2h0OiAnMzBweCcsCiAgICAgICAgICBsaW5lSGVpZ2h0OiAnMzBweCcsCiAgICAgICAgICBmb250RmFtaWx5OiAn5b6u6L2v6ZuF6buRJwogICAgICAgIH0pOwogICAgICAgIG1hcC5hZGRPdmVybGF5KGxhYmVsKTsKICAgICAgICBtYXAuYWRkT3ZlcmxheShtYXJrZXIxKTsKICAgICAgfSwKICAgICAgICBnZXREYXRhKCkgewogICAgICAgICAgZ2V0QnJpZGYoe2dyb3VwSWQ6Jzg3MDI2MTg3NDg3NTE3MDgxNid9KS50aGVuKChyZXMpPT57CiAgICAgICAgICAgIGlmKHJlcy5kYXRhKXsKICAgICAgICAgICAgICBjb25zdCBkZXQgPSByZXMuZGF0YQogICAgICAgICAgICAgIGlmKGRldC5icmllZkltZyE9PW51bGwmJmRldC5icmllZkltZy5sZW5ndGg+Mil7CiAgICAgICAgICAgICAgICBkZXQuYnJpZWYgPSB0aGlzLiRjb21tb24uY2FzdEV2YWwoZGV0LmJyaWVmSW1nKVswXS51cmwKICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgaWYoZGV0LmVudmlyb25tZW50SW1nIT09bnVsbCYmZGV0LmVudmlyb25tZW50SW1nLmxlbmd0aD4yKXsKICAgICAgICAgICAgICAgIGNvbnN0IGVudmlyb25tZW50SW1ncyA9IHRoaXMuJGNvbW1vbi5jYXN0RXZhbChkZXQuZW52aXJvbm1lbnRJbWcpCiAgICAgICAgICAgICAgICB0aGlzLmVudmlyb25tZW50SW1nTGlzdD1bXQogICAgICAgICAgICAgICAgZW52aXJvbm1lbnRJbWdzLmZvckVhY2goaT0+ewogICAgICAgICAgICAgICAgICB0aGlzLmVudmlyb25tZW50SW1nTGlzdC5wdXNoKGkudXJsKQogICAgICAgICAgICAgICAgfSkKICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgdGhpcy5icmllZkRldGFpbD1kZXQKICAgICAgICAgICAgfQoKICAgICAgICAgIH0pCiAgICAgICAgfSwKICAgICAgZGV0YWlsKGluZGV4KXsKICAgICAgICAgICAgc3dpdGNoKGluZGV4KSB7CiAgICAgICAgICAgICAgICBjYXNlIDE6CiAgICAgICAgICAgICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goe3BhdGg6Jy9jb21wYW55L2RldGFpbCd9KQogICAgICAgICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgICB9CgogICAgICAgIH0KICAgIH0sCn07Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/about","sourcesContent":["<template>\r\n <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n <div class=\"banner\">\r\n <img src=\"~@/assets/images/yqjj.jpg\" alt=\"\">\r\n </div>\r\n <div class=\"bread\">\r\n <div>\r\n <span>当前位置:首页-园区简介</span>\r\n </div>\r\n </div>\r\n <div class=\"smart-device\">\r\n <div class=\"smart-title\">\r\n <span><span>园区简介</span>PARK PROFILE</span>\r\n </div>\r\n <div class=\"smart-device-content\">\r\n <div class=\"about-img\">\r\n <img :src=\"briefDetail.brief\" alt=\"\">\r\n </div>\r\n <div class=\"titles\">\r\n <h3>无锡尚贤湖基金Park智慧园区</h3>\r\n </div>\r\n <div class=\"list-content\">\r\n <div class=\"about-info\" v-html=\"briefDetail.content\">\r\n<!-- <div>-->\r\n<!-- <div class=\"about-info-img\">-->\r\n<!-- <img src=\"~@/assets/images/ab1.png\" alt=\"\">-->\r\n<!-- </div>-->\r\n<!-- <div class=\"about-info-content\">-->\r\n<!-- <p>江苏省无锡惠山经济开发区地处中国经济最发达的“长三角”腹地。位于上海、南京之间，长三角两小时经济圈核心位置。惠山经济开发区是无锡市惠山区的政治、经济、文化中心。总体规划面积76平方公里，已建成36平方公里，现有人口25万。经过十年的开发建设，惠山经济开发区已经成为无锡北部一座生态、宜居、科技、产业相融合的领航新城。惠山经济开发区所在的惠山新城精品小区、优质教育、城市综合体等配套设施一应俱全。人文环境、社会环境、自然环境三重和谐，产业化与城市化融合发展，使新城拥有更强的生命力、持久力。 园区位于无锡北部的江苏省无锡惠山经济开发区核心区，占地面积约1500亩（合100公顷）。根据无锡市政府“十三五计划”纲领，园区为无锡市医疗器械产业集聚区，以现代先进医疗器械产业、现代生物医药CRO为主要导向。 园区位于无锡北部的江苏省无锡惠山经济开发区核心区，占地面积约1500亩（合100公顷）。根据无锡市政府“十三五计划”纲领，园区为无锡市医疗器械产业集聚区，以现代先进医疗器械产业、现代生物医药CRO为主要导向。</p>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- <p>园区作为人力资源服务业转换新旧动能转型升级的新载体将为企业和各类用人单位提供涵盖人力资源招聘、人才派遣、高级人才寻访、薪酬服务、人才培训、人才测评和专业人力资源服务，同时也为用人单位提供法律服务、财务服务、活动策划、服务外包等人力资源延伸服务。园区现入驻企业20余家，包括人力资源服务企业、高科技研发企业、教育培训机构以及其他人力资源相关行业。热忱欢迎广大创业者和人力资源服务需求者来产业园洽谈业务，寻求合作，我们将为您提供一流的环境、一流的服务!</p>-->\r\n </div>\r\n\r\n <div class=\"smart-title\" style=\"margin-bottom: 2rem\">\r\n <span><span>园区环境</span>PARK ENVIRONMENT</span>\r\n </div>\r\n <div class=\"swiper-box\">\r\n <div class=\"swiper-container\">\r\n <div class=\"swiper-wrapper\">\r\n <div class=\"swiper-slide\" v-for=\"(item,index) in environmentImgList\" :key=\"index\">\r\n <img :src=\"item\" alt=\"\">\r\n </div>\r\n<!-- <div class=\"swiper-slide\" v-for=\"(item,index) in environmentImgList\">-->\r\n<!-- <img :src=\"item\" alt=\"\">-->\r\n<!-- </div>-->\r\n </div>\r\n <!-- 如果需要分页器 -->\r\n <!--\t\t\t\t\t\t<div class=\"swiper-pagination\"></div>-->\r\n <!-- 如果需要导航按钮 -->\r\n <div class=\"swiper-button-prev swiper-button-black\"></div>\r\n <div class=\"swiper-button-next swiper-button-black\"></div>\r\n </div>\r\n </div>\r\n <div class=\"smart-title\">\r\n <span><span>联系地址</span>PARK CONTACT</span>\r\n </div>\r\n <div class=\"address\">\r\n <baidu-map class=\"addr-map\" style=\"\" id=\"allmap\" @ready=\"mapReady\">\r\n </baidu-map>\r\n<!-- <div class=\"addr-map\" id=\"container\" style=\"height: 500px\">-->\r\n<!-- <img src=\"~@/assets/images/yqjj3.png\" alt=\"\">-->\r\n<!-- </div>-->\r\n <div class=\"addr-text\">\r\n <ul>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ad1.png\" alt=\"\">\r\n <div>\r\n <h3>招商电话</h3>\r\n <p>{{briefDetail.attractPhone}}</p>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ad2.png\" alt=\"\">\r\n <div>\r\n <h3>联系电话</h3>\r\n <p>{{briefDetail.operatePhone}}</p>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ad3.png\" alt=\"\">\r\n <div>\r\n <h3>园区地址</h3>\r\n <p>{{briefDetail.address}}</p>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n<script>\r\n import Swiper from \"swiper\";\r\n import {getBridf} from \"@/service/api_service\";\r\n import BaiduMap from 'vue-baidu-map'\r\n export default {\r\n data () {\r\n return {\r\n active:1,\r\n zsList:[\r\n {\r\n img:'zs1.png',\r\n name:'专项扶持政策',\r\n eventIndex:1,\r\n detail:''\r\n },\r\n {\r\n img:'zs2.png',\r\n name:'税收优惠',\r\n eventIndex:2,\r\n detail:''\r\n },\r\n {\r\n img:'zs3.png',\r\n name:'奖励措施',\r\n eventIndex:3,\r\n detail:''\r\n },\r\n ],\r\n environmentImgList:[],\r\n briefDetail:{}\r\n }\r\n },\r\n mounted() {\r\n document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n new Swiper ('.swiper-container', {\r\n loop: true,\r\n // 如果需要分页器\r\n pagination: '.swiper-pagination',\r\n // 如果需要前进后退按钮\r\n nextButton: '.swiper-button-next',\r\n prevButton: '.swiper-button-prev',\r\n observer:true,\r\n observeParents:true,\r\n // slidesPerView : 2,\r\n // centeredSlides : true,\r\n // 如果需要滚动条\r\n // scrollbar: '.swiper-scrollbar',\r\n //如果需要自动切换海报\r\n // autoplay: {\r\n // delay: 100000,//时间 毫秒\r\n // disableOnInteraction: false,//用户操作之后是否停止自动轮播默认true\r\n // },\r\n })\r\n this.getData()\r\n },\r\n methods: {\r\n mapReady({ BMap, map }) {\r\n // 选择一个经纬度作为中心点\r\n this.point = new BMap.Point(120.327258,31.48935);\r\n map.centerAndZoom(this.point, 18);\r\n map.enableScrollWheelZoom(true);\r\n var marker1 = new BMap.Marker(this.point);\r\n var opts = {\r\n position: this.point, // 指定文本标注所在的地理位置\r\n offset: new BMap.Size(-110, -80) // 设置文本偏移量\r\n };\r\n // 创建文本标注对象\r\n var label = new BMap.Label('无锡尚贤湖基金Park智慧园区', opts);\r\n // 自定义文本标注样式\r\n label.setStyle({\r\n color: 'black',\r\n borderRadius: '5px',\r\n borderColor: '#cccccc',\r\n padding: '10px',\r\n fontSize: '16px',\r\n height: '30px',\r\n lineHeight: '30px',\r\n fontFamily: '微软雅黑'\r\n });\r\n map.addOverlay(label);\r\n map.addOverlay(marker1);\r\n },\r\n getData() {\r\n getBridf({groupId:'870261874875170816'}).then((res)=>{\r\n if(res.data){\r\n const det = res.data\r\n if(det.briefImg!==null&&det.briefImg.length>2){\r\n det.brief = this.$common.castEval(det.briefImg)[0].url\r\n }\r\n if(det.environmentImg!==null&&det.environmentImg.length>2){\r\n const environmentImgs = this.$common.castEval(det.environmentImg)\r\n this.environmentImgList=[]\r\n environmentImgs.forEach(i=>{\r\n this.environmentImgList.push(i.url)\r\n })\r\n }\r\n this.briefDetail=det\r\n }\r\n\r\n })\r\n },\r\n detail(index){\r\n switch(index) {\r\n case 1:\r\n this.$router.push({path:'/company/detail'})\r\n break;\r\n }\r\n\r\n }\r\n },\r\n };\r\n</script>\r\n\r\n<style scoped>\r\n .banner img{\r\n width: 100% !important;\r\n }\r\n @media screen and (min-width: 1000px){\r\n .bread{\r\n background: #fff;\r\n }\r\n .bread div{\r\n width: 1200px;\r\n margin: 0 auto;\r\n text-align: left;\r\n padding: 0.8rem 0;\r\n font-size: 1rem;\r\n }\r\n .smart-title{\r\n margin-top:3rem;\r\n }\r\n .smart-device{\r\n /*width: 1200px;*/\r\n /*margin: 0 auto;*/\r\n text-align: left;\r\n font-size: 1rem;\r\n }\r\n .smart-device span span{\r\n font-size: 2rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .smart-title,.titles{\r\n width: 1200px;\r\n margin: 2rem auto !important;\r\n }\r\n .list-content>div{\r\n width: 1200px;\r\n margin: 2rem auto;\r\n }\r\n .device-title img{\r\n width: 80%;\r\n }\r\n .titles{\r\n\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem auto;\r\n width: 50%;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n }\r\n .about-info>div{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n }\r\n .about-info>div>div{\r\n width: 50%;\r\n }\r\n .about-info>div>div img{\r\n width: 90%;\r\n }\r\n .about-info>p{\r\n margin: 2rem 0;\r\n }\r\n .about-info p{\r\n line-height: 1.8rem;\r\n text-indent: 2rem;\r\n }\r\n .address{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin-top: 4rem;\r\n }\r\n .addr-map,.addr-text{\r\n flex: 1;\r\n }\r\n .addr-text ul{\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n .addr-map img{\r\n width: 80% !important;\r\n }\r\n .addr-text li{\r\n margin-bottom: 7rem;\r\n }\r\n .addr-text li>div{\r\n overflow: hidden;\r\n }\r\n .addr-text li>div img,.addr-text li>div div{\r\n float:left;\r\n }\r\n .addr-text li>div img{\r\n width: 1.7rem;\r\n height: 2rem;\r\n margin-right: 1rem;\r\n }\r\n .about-img{\r\n width: 1200px;\r\n margin: 0 auto;\r\n }\r\n .about-img img{\r\n width: 100%;\r\n }\r\n .list-content img{\r\n height: 28rem;\r\n }\r\n .swiper-box{\r\n width: 1300px!important;\r\n margin: 0 auto!important;\r\n text-align: center;\r\n }\r\n .swiper-box img{\r\n width: 93%!important;\r\n }\r\n }\r\n @media screen and (max-width: 1000px){\r\n .banner{\r\n display: none;\r\n }\r\n .bread{\r\n display: none;\r\n }\r\n .smart-title{\r\n margin-top:2rem;\r\n }\r\n .smart-device{\r\n width: 90%;\r\n margin: 0 auto;\r\n text-align: left;\r\n font-size: 1rem;\r\n overflow: hidden;\r\n }\r\n .smart-device span span{\r\n font-size: 1.5rem;\r\n display: inline-block;\r\n position: relative;\r\n padding-right: 1rem;\r\n margin-right: 1rem;\r\n font-weight: 900;\r\n }\r\n .smart-device span span:after{\r\n content: '';\r\n width: 1px;\r\n height: 15px;\r\n background: #666;\r\n position: absolute;\r\n right: 0;\r\n bottom: 7px;\r\n }\r\n .device-title img{\r\n width: 100%;\r\n }\r\n .nav-list{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n margin: 2rem;\r\n }\r\n .nav-list li{\r\n min-width: 33.33%;\r\n max-width: 33.33%;\r\n text-align: center;\r\n color: #666;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n .nav-list li span{\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom: 0.8rem;\r\n }\r\n .active span{\r\n display: inline-block;\r\n border-bottom: 2px solid #FF6A00!important;\r\n color: #333;\r\n font-weight:800!important;\r\n }\r\n .about-info p{\r\n margin: 2rem 0;\r\n line-height: 2rem;\r\n }\r\n .address{\r\n margin-top: 4rem;\r\n }\r\n .addr-map{\r\n display: none;\r\n }\r\n .addr-text li{\r\n margin-bottom: 4rem;\r\n }\r\n .addr-text li>div{\r\n overflow: hidden;\r\n }\r\n .addr-text li>div img,.addr-text li>div div{\r\n float:left;\r\n }\r\n .addr-text li>div img{\r\n width: 1.2rem;\r\n margin-right: 1rem;\r\n margin-top: 0.3rem;\r\n }\r\n .swiper-box img{\r\n height: 10.5rem;\r\n }\r\n .about-img{\r\n width: 100%;\r\n /*margin: 1rem auto 0 auto;*/\r\n }\r\n .about-img img{\r\n width: 100%;\r\n }\r\n }\r\n .titles{\r\n text-align: center;\r\n margin: 2rem 0;\r\n }\r\n .list-content{\r\n min-height: 10rem;\r\n }\r\n .list-content img{\r\n width: 100%;\r\n }\r\n .swiper-box /deep/ .swiper-button-prev{\r\n\r\n }\r\n .swiper-box /deep/ .swiper-button-prev{\r\n border-top: 2px solid #996eee;\r\n border-left: 2px solid #996eee;\r\n height: 1rem!important;\r\n width: 1rem!important;\r\n transform: rotate(-45deg);\r\n background: none!important;\r\n }\r\n .swiper-box /deep/ .swiper-button-next{\r\n border-top: 2px solid #996eee;\r\n border-right: 2px solid #996eee;\r\n height: 1rem!important;\r\n width: 1rem!important;\r\n transform: rotate(45deg);\r\n background: none!important;\r\n }\r\n</style>\r\n"]}]}
|
