| 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\\services\\characteristic\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\services\\characteristic\\index.vue","mtime":1691993564218},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge2ZpbmRGZWF0dXJlc1NlcnZpY2UscHJvZmVzc2lvbmFsTGlzdH0gZnJvbSAiQC9zZXJ2aWNlL2FwaV9zZXJ2aWNlIjsNCmltcG9ydCBCYXNlIGZyb20gJ0Avdmlld3MvYmFzZS9iYXNlJw0KaW1wb3J0IEJhc2VEYXRhIGZyb20gJ0Avdmlld3MvYmFzZS9iYXNlRGF0YScNCmltcG9ydCBNZXNzYWdlIGZyb20gJ0Avdmlld3MvbWVzc2FnZS9pbmRleCcNCmV4cG9ydCBkZWZhdWx0IHsNCiAgICAgICAgY29tcG9uZW50czogew0KICAgICAgICAgIE1lc3NhZ2UNCiAgICAgICAgfSwNCiAgICAgICAgbWl4aW5zOiBbQmFzZSwgQmFzZURhdGFdLA0KICAgICAgICBkYXRhICgpIHsNCiAgICAgICAgICAgIHJldHVybiB7DQogICAgICAgICAgICAgIGRjX2tleTogWydzZXJ2aWNlVHlwZSddLA0KICAgICAgICAgICAgICAgIHNlTGlzdDpbDQogICAgICAgICAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgICAgICAgICAgIGltZzonenMxLnBuZycsDQogICAgICAgICAgICAgICAgICAgICAgICBuYW1lOifkuJPpobnmibbmjIHmlL/nrZYnLA0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICAgICAgICBpbWc6J3pzMS5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTon5LiT6aG55om25oyB5pS/562WJywNCiAgICAgICAgICAgICAgICAgICAgfSwNCiAgICAgICAgICAgICAgICAgICAgew0KICAgICAgICAgICAgICAgICAgICAgICAgaW1nOid6czEucG5nJywNCiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6J+S4k+mhueaJtuaMgeaUv+etlicsDQogICAgICAgICAgICAgICAgICAgIH0sDQogICAgICAgICAgICAgICAgXSwNCiAgICAgICAgICAgICAgICBkZXRhaWw6e30sDQogICAgICAgICAgICAgIHNob3dJbmZvOmZhbHNlDQogICAgICAgICAgICB9DQogICAgICAgIH0sDQogICAgICAgIG1vdW50ZWQoKSB7DQogICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCA9IGRvY3VtZW50LmJvZHkuc2Nyb2xsVG9wID0wOyAvL+WbnuWIsOmhtumDqA0KICAgICAgICAgIHRoaXMuaW5pdERpY3QodGhpcy5kY19rZXkpLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgZGVidWdnZXINCiAgICAgICAgICAgIHRoaXMuZmluZEZlYXR1cmVzKCkNCiAgICAgICAgICAgIHRoaXMucHJvZmVzc2lvbmFsTGlzdCgpDQogICAgICAgICAgfSkNCg0KDQogICAgICAgIH0sDQogICAgICAgIG1ldGhvZHM6IHsNCiAgICAgICAgICBjbG9zZU1lc3NhZ2UoKXsNCiAgICAgICAgICAgIHRoaXMuc2hvd0luZm8gPWZhbHNlDQogICAgICAgICAgfSwNCiAgICAgICAgICBmaW5kRmVhdHVyZXMoKXsNCiAgICAgICAgICAgIGNvbnN0IF90aGlzID0gdGhpcw0KICAgICAgICAgICAgZmluZEZlYXR1cmVzU2VydmljZSgpLnRoZW4oKHJlcyk9PiB7DQogICAgICAgICAgICAgIGlmIChyZXMpIHsNCiAgICAgICAgICAgICAgICBfdGhpcy5kZXRhaWwgPSByZXMNCiAgICAgICAgICAgICAgICBpZiAoX3RoaXMuZGV0YWlsLmNvbnRlbnQuaW5kZXhPZignd2lkdGgnKSAhPT0gLTEgJiYgX3RoaXMuZGV0YWlsLmNvbnRlbnQuaW5kZXhPZignaGVpZ2h0JykgIT09IC0xKSB7DQogICAgICAgICAgICAgICAgICBfdGhpcy5kZXRhaWwuY29udGVudCA9IF90aGlzLmRldGFpbC5jb250ZW50LnJlcGxhY2UoL3dpZHRoPSIoXFMqKSIvLCAnd2lkdGg9IjEwMCUiJykucmVwbGFjZSgvaGVpZ2h0PSIoXFMqKSIvLCAnaGVpZ2h0PSIxMDAlIicpDQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KQ0KICAgICAgICAgIH0sDQogICAgICAgICAgZ2V0SXRlbUpzb246IGZ1bmN0aW9uKGl0ZW0pIHsNCiAgICAgICAgICAgIGl0ZW0uaW1nID0gZXZhbChpdGVtLmFubmV4KQ0KICAgICAgICAgICAgaXRlbS5zZXJ2aWNlVHlwZSA9IHRoaXMuZGNfbWFwLnNlcnZpY2VUeXBlW2l0ZW0uc2VydmljZVR5cGVdDQogICAgICAgICAgICByZXR1cm4gaXRlbQ0KICAgICAgICAgIH0sDQogICAgICAgICAgcHJvZmVzc2lvbmFsTGlzdCgpew0KICAgICAgICAgICAgY29uc3QgX3RoaXMgPSB0aGlzDQogICAgICAgICAgICBwcm9mZXNzaW9uYWxMaXN0KCkudGhlbigocmVzKT0+ew0KICAgICAgICAgICAgICBpZihyZXMmJnJlcy5sZW5ndGg+MCl7DQogICAgICAgICAgICAgICAgX3RoaXMuc2VMaXN0ID1bXQ0KICAgICAgICAgICAgICAgIHJlcy5mb3JFYWNoKHBnPT57DQogICAgICAgICAgICAgICAgICBjb25zdCBqc29uID0gX3RoaXMuZ2V0SXRlbUpzb24ocGcpDQogICAgICAgICAgICAgICAgICBjb25zdCBpID0gew0KICAgICAgICAgICAgICAgICAgICBpbWc6anNvbi5pbWdbMF0udXJsLA0KICAgICAgICAgICAgICAgICAgICBuYW1lOmpzb24uc2VydmljZVR5cGUsDQogICAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgICAgICBfdGhpcy5zZUxpc3QucHVzaChpKQ0KICAgICAgICAgICAgICAgIH0pDQogICAgICAgICAgICAgIH0NCiAgICAgICAgICAgIH0pDQogICAgICAgICAgfSwNCiAgICAgICAgICBkZXRhaWwoaW5kZXgpew0KICAgICAgICAgICAgICBzd2l0Y2goaW5kZXgpIHsNCiAgICAgICAgICAgICAgICAgIGNhc2UgMToNCiAgICAgICAgICAgICAgICAgICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7cGF0aDonL3NlcnZpY2UvcGVyaXBoZXJ5LWRldGFpbDEnfSkNCiAgICAgICAgICAgICAgICAgICAgICBicmVhazsNCiAgICAgICAgICAgICAgfQ0KICAgICAgICAgIH0sDQogICAgICAgICAgZGV0YWlsMigpew0KICAgICAgICAgICAgdGhpcy5zaG93SW5mbyA9dHJ1ZQ0KICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICB9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8MA;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;;;AAGA;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","file":"index.vue","sourceRoot":"src/views/services/characteristic","sourcesContent":["<template>\r\n <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n <div class=\"banner\">\r\n <img src=\"~@/assets/images/yxfw.jpg\" alt=\"\">\r\n </div>\r\n <div class=\"bread\">\r\n <div>\r\n <span>当前位置:首页-服务特色</span>\r\n <div>\r\n <ul class=\"area-nav\">\r\n <li class=\"tabs\"><router-link :to=\"{path: '/service/characteristic'}\">服务特色</router-link></li>\r\n <li><router-link :to=\"{path: '/service/periphery'}\">园区周边</router-link></li>\r\n <li><router-link :to=\"{path: '/service/activities'}\">园区活动</router-link></li>\r\n <li><router-link :to=\"{path: '/service/educate'}\">园区培训</router-link></li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"smart-device\">\r\n <div class=\"smart-title\">\r\n <span><span>服务特色</span>PARK CHARACTERISTIC</span>\r\n </div>\r\n <div class=\"smart-device-content\">\r\n <ul>\r\n <li>\r\n <div class=\"wrap-device-detail\">\r\n <div class=\"zs-titles\">\r\n <span><i>01</i>物业服务</span>\r\n </div>\r\n <div class=\"zs-wrap\">\r\n <ul>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts1.png\" alt=\"\">\r\n <p>公共服务</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts2.png\" alt=\"\">\r\n <p>设备维护</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts3.png\" alt=\"\">\r\n <p>清洁管理</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts4.png\" alt=\"\">\r\n <p>安全管理</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts5.png\" alt=\"\">\r\n <p>停车服务</p>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"wyfw\">\r\n <p>{{detail.briefIntroduction}}</p>\r\n <div class=\"wy-addr\">\r\n <div>\r\n <div>\r\n <span>办公地址</span>\r\n <span>{{detail.officeAddress}}</span>\r\n </div>\r\n </div>\r\n <div>\r\n <div>\r\n <span>办公时间</span>\r\n <span>{{detail.officeTime}}</span>\r\n </div>\r\n </div>\r\n <div>\r\n <div>\r\n <span>联系方式</span>\r\n <span>{{detail.contactNumber}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <div class=\"wrap-device-detail\">\r\n <div class=\"zs-titles\">\r\n <span><i>02</i>增值服务</span>\r\n </div>\r\n <div class=\"zs-wrap\">\r\n <div class=\"zzfw\" style=\"margin-bottom: 1rem;\">\r\n <p>{{detail.incrementService}}</p>\r\n <p>园区提供一下服务</p>\r\n </div>\r\n <ul>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts6.png\" alt=\"\">\r\n <p>餐饮服务</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts7.png\" alt=\"\">\r\n <p>配送服务</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts8.png\" alt=\"\">\r\n <p>资源共享</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts9.png\" alt=\"\">\r\n <p>便民服务</p>\r\n </div>\r\n </li>\r\n <li>\r\n <div>\r\n <img src=\"~@/assets/images/ts10.png\" alt=\"\">\r\n <p>路演中心</p>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <div class=\"wrap-device-detail\">\r\n <div class=\"zz-titles\">\r\n <span>专业服务</span>\r\n </div>\r\n <div class=\"zs-wrap\">\r\n <ul class=\"zz-wrap\">\r\n <li v-for=\"item in seList\" key=\"Math.random()\" class=\"zyfw-img\">\r\n <div>\r\n <img :src=\"item.img\" alt=\"\">\r\n <p>{{ item.name }}</p>\r\n </div>\r\n </li>\r\n<!-- <li>-->\r\n<!-- <div>-->\r\n<!-- <img src=\"~@/assets/images/zy2.png\" alt=\"\">-->\r\n<!-- <p>配送服务</p>-->\r\n<!-- </div>-->\r\n<!-- </li>-->\r\n<!-- <li>-->\r\n<!-- <div>-->\r\n<!-- <img src=\"~@/assets/images/zy3.png\" alt=\"\">-->\r\n<!-- <p>资源共享</p>-->\r\n<!-- </div>-->\r\n<!-- </li>-->\r\n<!-- <li>-->\r\n<!-- <div>-->\r\n<!-- <img src=\"~@/assets/images/zy4.png\" alt=\"\">-->\r\n<!-- <p>便民服务</p>-->\r\n<!-- </div>-->\r\n<!-- </li>-->\r\n <li @click=\"detail2()\">\r\n <div>\r\n <img src=\"~@/assets/images/more.jpg\" alt=\"\">\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <div class=\"wrap-device-detail\">\r\n <div class=\"zz-titles\">\r\n <span>运营服务</span>\r\n </div>\r\n <div class=\"zs-wrap\">\r\n <div class=\"zzfw\" v-html=\"detail.content\">\r\n </div>\r\n<!-- <ul class=\"qrcode\">-->\r\n<!-- <li>-->\r\n<!-- <div>-->\r\n<!-- <img src=\"~@/assets/images/qrcode.png\" alt=\"\">-->\r\n<!-- <p>园区公众号</p>-->\r\n<!-- </div>-->\r\n<!-- </li>-->\r\n<!-- <li>-->\r\n<!-- <div>-->\r\n<!-- <img src=\"~@/assets/images/qrcode.png\" alt=\"\">-->\r\n<!-- <p>园区小程序</p>-->\r\n<!-- </div>-->\r\n<!-- </li>-->\r\n<!-- </ul>-->\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <Message :show-dialog=\"showInfo\" @closePop=\"closeMessage\"/>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport {findFeaturesService,professionalList} from \"@/service/api_service\";\r\nimport Base from '@/views/base/base'\r\nimport BaseData from '@/views/base/baseData'\r\nimport Message from '@/views/message/index'\r\nexport default {\r\n components: {\r\n Message\r\n },\r\n mixins: [Base, BaseData],\r\n data () {\r\n return {\r\n dc_key: ['serviceType'],\r\n seList:[\r\n {\r\n img:'zs1.png',\r\n name:'专项扶持政策',\r\n },\r\n {\r\n img:'zs1.png',\r\n name:'专项扶持政策',\r\n },\r\n {\r\n img:'zs1.png',\r\n name:'专项扶持政策',\r\n },\r\n ],\r\n detail:{},\r\n showInfo:false\r\n }\r\n },\r\n mounted() {\r\n document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n this.initDict(this.dc_key).then((res) => {\r\n debugger\r\n this.findFeatures()\r\n this.professionalList()\r\n })\r\n\r\n\r\n },\r\n methods: {\r\n closeMessage(){\r\n this.showInfo =false\r\n },\r\n findFeatures(){\r\n const _this = this\r\n findFeaturesService().then((res)=> {\r\n if (res) {\r\n _this.detail = res\r\n if (_this.detail.content.indexOf('width') !== -1 && _this.detail.content.indexOf('height') !== -1) {\r\n _this.detail.content = _this.detail.content.replace(/width=\"(\\S*)\"/, 'width=\"100%\"').replace(/height=\"(\\S*)\"/, 'height=\"100%\"')\r\n }\r\n }\r\n })\r\n },\r\n getItemJson: function(item) {\r\n item.img = eval(item.annex)\r\n item.serviceType = this.dc_map.serviceType[item.serviceType]\r\n return item\r\n },\r\n professionalList(){\r\n const _this = this\r\n professionalList().then((res)=>{\r\n if(res&&res.length>0){\r\n _this.seList =[]\r\n res.forEach(pg=>{\r\n const json = _this.getItemJson(pg)\r\n const i = {\r\n img:json.img[0].url,\r\n name:json.serviceType,\r\n }\r\n _this.seList.push(i)\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:'/service/periphery-detail1'})\r\n break;\r\n }\r\n },\r\n detail2(){\r\n this.showInfo =true\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 position: relative;\r\n }\r\n .area-nav{\r\n position:absolute;\r\n right: 0;\r\n top: 0.8rem;\r\n width: 40%;\r\n text-align: right;\r\n }\r\n .area-nav{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n }\r\n .area-nav li{\r\n flex: 1;\r\n text-align: center;\r\n border-bottom: 2px solid #f0f0f0;\r\n padding-bottom:0.7rem;\r\n }\r\n .area-nav a{\r\n color: #333;\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 .wrap-device-detail{\r\n overflow: hidden;\r\n }\r\n .zs-wrap{\r\n overflow: hidden;\r\n }\r\n .device-title,.zc-content{\r\n float: left;\r\n }\r\n .device-title{\r\n width: 50%;\r\n }\r\n .zc-content{\r\n width: 50%;\r\n }\r\n .device-title img{\r\n width: 80%;\r\n }\r\n .zs-titles{\r\n margin: 2rem 0;\r\n }\r\n .zs-titles span{\r\n font-weight: 700;\r\n font-size: 1.5rem;\r\n color: #333;\r\n }\r\n .zs-titles span i{\r\n font-size: 2rem;\r\n color: #9472e4;\r\n font-weight: 900;\r\n font-style: normal;\r\n font-family: 'SimHei Microsoft yahei';\r\n margin-right: 1rem;\r\n position: relative;\r\n top: 2px;\r\n }\r\n .detail-btn{\r\n margin-top: 1rem;\r\n background:#9472e4 ;\r\n display: inline-block;\r\n padding: 2px 8px;\r\n font-size: 1rem;\r\n color: #fff;\r\n }\r\n .zc-content p{\r\n font-size: 0.8rem;\r\n color: #333;\r\n margin-top: 0.8rem;\r\n }\r\n .zc-content h3{\r\n font-size: 0.8rem;\r\n color: #333;\r\n margin-top: 0.8rem;\r\n font-weight: 400;\r\n }\r\n .tabs{\r\n border-bottom:2px solid #674FB0!important;\r\n }\r\n .zs-wrap ul{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n .zs-wrap ul li{\r\n width: 20%;\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n }\r\n .zx-wrap li{\r\n width:25%!important;\r\n }\r\n .zs-wrap ul li div{\r\n background: #fff;\r\n height: 10rem;\r\n width: 98%;\r\n margin: 0 auto;\r\n padding-top: 3rem;\r\n font-size: 1rem;\r\n }\r\n .zs-wrap ul li div p{\r\n margin-top: 1rem;\r\n }\r\n .zs-wrap ul li div img{\r\n width: 20%;\r\n }\r\n .zs-tabs div{\r\n background: #674FB0!important;\r\n color: #fff;\r\n }\r\n .wyfw{\r\n margin: 2rem 0;\r\n }\r\n .wyfw>div{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n margin: 3rem 0;\r\n }\r\n .wyfw p{\r\n line-height: 2rem;\r\n margin: 1rem 0;\r\n }\r\n .wyfw>div>div{\r\n width: 33.33%;\r\n }\r\n .wyfw>div>div span:nth-child(1){\r\n display: inline-block;\r\n background: #674FB0;\r\n padding: 0.1rem 1rem;\r\n color: #fff;\r\n margin-right: 3rem;\r\n }\r\n .zzfw{\r\n margin: 2rem 0;\r\n line-height: 2rem;\r\n }\r\n .zz-titles{\r\n text-align: center;\r\n font-size: 1.5rem;\r\n margin-bottom: 2rem;\r\n }\r\n .zz-wrap li div img{\r\n width: 100%!important;\r\n }\r\n .zz-wrap li div{\r\n padding: 0!important;\r\n height: auto!important;\r\n position: relative;\r\n }\r\n .zz-wrap li div p{\r\n margin: 0!important;\r\n position: absolute;\r\n bottom: 0px;\r\n background: #674FB0;\r\n width: 100%;\r\n color: #fff;\r\n padding: 1.5rem 0;\r\n font-size:1.3rem;\r\n }\r\n .zz-wrap li div img{\r\n height: 400px;\r\n }\r\n .zz-wrap li:last-child div{\r\n background: #674FB0;\r\n height: 100%;\r\n }\r\n .zz-wrap li:last-child p{\r\n transform: translateY(50%);\r\n height: 100%;\r\n }\r\n .qrcode li div{\r\n background: none!important;\r\n height: auto!important;\r\n }\r\n .qrcode li div img{\r\n width: 80%!important;\r\n }\r\n .qrcode li div span{\r\n color: #333!important;\r\n }\r\n }\r\n @media screen and (max-width: 1000px){\r\n .banner{\r\n display: none;\r\n }\r\n .zc-content{\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 .zs-titles{\r\n margin: 1rem auto;\r\n text-align: center;\r\n width: 100%;\r\n }\r\n .zz-titles{\r\n margin-bottom: 1rem;\r\n }\r\n .zs-titles i{\r\n display: none;\r\n }\r\n .zs-titles span,.zz-titles span{\r\n font-weight: 700;\r\n font-size: 0.8rem;\r\n color: #333;\r\n display: inline-block;\r\n border-bottom: 2px solid #674FB0;\r\n padding-bottom: 0.5rem;\r\n }\r\n .zs-titles span i{\r\n font-size: 1.5rem;\r\n color: #9472e4;\r\n font-weight: 900;\r\n font-style: normal;\r\n font-family: 'SimHei Microsoft yahei';\r\n margin-right: 1rem;\r\n position: relative;\r\n top: 2px;\r\n }\r\n .zs-wrap ul{\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n .zs-wrap ul li{\r\n width: 50%;\r\n text-align: center;\r\n margin-bottom: 1rem;\r\n }\r\n .zs-wrap ul li:last-child{\r\n width: 100%;\r\n }\r\n .zx-wrap li{\r\n width:25%!important;\r\n }\r\n .zs-wrap ul li div{\r\n background: #fff;\r\n height: 5rem;\r\n width: 95%;\r\n margin: 0 auto;\r\n padding-top: 2rem;\r\n font-size: 1rem;\r\n }\r\n .zs-wrap ul li:last-child div{\r\n width: 97%;\r\n }\r\n .zs-wrap ul li div p{\r\n margin-top: 0.5rem;\r\n }\r\n .zs-wrap ul li div img{\r\n width: 20%;\r\n }\r\n .zyfw-img div img{\r\n height: 10rem!important;\r\n }\r\n .zs-wrap ul li:last-child div img{\r\n width: 10%;\r\n }\r\n .zs-tabs div{\r\n background: #674FB0!important;\r\n color: #fff;\r\n }\r\n .wyfw{\r\n background: #fff;\r\n border-radius: 2px;\r\n padding: 1rem 0;\r\n width: 97%;\r\n margin: 0 auto;\r\n line-height: 1.5rem\r\n }\r\n .wyfw>p{\r\n width: 90%;\r\n margin: 0 auto;\r\n }\r\n .wy-addr{\r\n width: 80%;\r\n margin: 0 auto;\r\n }\r\n .wy-addr>div{\r\n margin-top: 1rem;\r\n }\r\n .zzfw{\r\n background: #fff;\r\n border-radius: 2px;\r\n padding: 1rem 0;\r\n width: 97%;\r\n margin: 0 auto;\r\n line-height: 1.5rem;\r\n text-indent: 1rem;\r\n /*margin-bottom: 1rem;*/\r\n }\r\n .zzfw /deep/ p{\r\n width: 90%!important;\r\n margin: 0 auto;\r\n }\r\n .zz-wrap li{\r\n width: 25% !important;\r\n }\r\n .zz-wrap li div img{\r\n width: 100%!important;\r\n }\r\n .zz-wrap li:last-child{\r\n display: none;\r\n }\r\n .zz-wrap li div{\r\n padding: 0!important;\r\n height: auto!important;\r\n position: relative;\r\n }\r\n .zz-wrap li div p{\r\n margin: 0!important;\r\n position: absolute;\r\n bottom: 0px;\r\n background: #674FB0;\r\n width: 100%;\r\n color: #fff;\r\n padding: 0.6rem 0;\r\n font-size:0.8rem;\r\n }\r\n .zz-wrap li:last-child div{\r\n background: #674FB0;\r\n height: 100%;\r\n }\r\n .zz-wrap li:last-child p{\r\n transform: translateY(50%);\r\n height: 100%;\r\n }\r\n .qrcode{\r\n background: #fff;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n padding-bottom: 1rem;\r\n }\r\n .qrcode li,.qrcode li img{\r\n width: 50%!important;\r\n }\r\n }\r\n\r\n</style>\r\n"]}]}
|
