{"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"]}]}