{"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\\finance\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\finance\\index.vue","mtime":1691993564214},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQge2dldEludmVzdG1lbnQsZ2V0SW52ZXN0bWVudENhc2V9IGZyb20gIkAvc2VydmljZS9hcGlfc2VydmljZSI7DQppbXBvcnQgTWVzc2FnZSBmcm9tICdAL3ZpZXdzL21lc3NhZ2UvaW5kZXgnDQpleHBvcnQgZGVmYXVsdCB7DQogICAgICAgIGNvbXBvbmVudHM6IHsNCiAgICAgICAgICBNZXNzYWdlDQogICAgICAgIH0sDQogICAgICAgIGRhdGEgKCkgew0KICAgICAgICAgICAgcmV0dXJuIHsNCiAgICAgICAgICAgICAgICBhY3RpdmU6MSwNCiAgICAgICAgICAgICAgICB6c0xpc3Q6Ww0KICAgICAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICAgICAgICBpbWc6J3pzMS5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTon5LiT6aG55om25oyB5pS/562WJywNCiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50SW5kZXg6MSwNCiAgICAgICAgICAgICAgICAgICAgICAgIGRldGFpbDonJw0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICAgICAgICBpbWc6J3pzMi5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTon56iO5pS25LyY5oOgJywNCiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50SW5kZXg6MiwNCiAgICAgICAgICAgICAgICAgICAgICAgIGRldGFpbDonJw0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgICAgICB7DQogICAgICAgICAgICAgICAgICAgICAgICBpbWc6J3pzMy5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTon5aWW5Yqx5o6q5pa9JywNCiAgICAgICAgICAgICAgICAgICAgICAgIGV2ZW50SW5kZXg6MywNCiAgICAgICAgICAgICAgICAgICAgICAgIGRldGFpbDonJw0KICAgICAgICAgICAgICAgICAgICB9LA0KICAgICAgICAgICAgICAgIF0sDQogICAgICAgICAgICAgICAgY2FzZUxpc3Q6Ww0KICAgICAgICAgICAgICAgICAgICAvLyB7DQogICAgICAgICAgICAgICAgICAgIC8vICAgICBpbWc6J2NhMS5wbmcnLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgdGl0bGU6J+WfuumHkeS8mOengOaVmeiCsuW5s+WPsCcsDQogICAgICAgICAgICAgICAgICAgIC8vICAgICBjb250ZW50OifkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5XkvaDlpb3mtYvor5UnDQogICAgICAgICAgICAgICAgICAgIC8vIH0sDQogICAgICAgICAgICAgICAgICAgIC8vIHsNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIGltZzonY2EyLnBuZycsDQogICAgICAgICAgICAgICAgICAgIC8vICAgICB0aXRsZTon5Z+66YeR5LyY56eA5pWZ6IKy5bmz5Y+wJywNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIGNvbnRlbnQ6J+S9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivleS9oOWlvea1i+ivlScNCiAgICAgICAgICAgICAgICAgICAgLy8gfSwNCiAgICAgICAgICAgICAgICAgICAgLy8gew0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgaW1nOidjYTMucG5nJywNCiAgICAgICAgICAgICAgICAgICAgLy8gICAgIHRpdGxlOifln7rph5HkvJjnp4DmlZnogrLlubPlj7Dln7rph5HkvJjnp4DmlZnogrLlubPlj7Dln7rph5HkvJjnp4DmlZnogrLlubPlj7AnLA0KICAgICAgICAgICAgICAgICAgICAvLyAgICAgY29udGVudDon5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+V5L2g5aW95rWL6K+VJw0KICAgICAgICAgICAgICAgICAgICAvLyB9DQoNCiAgICAgICAgICAgICAgICBdLA0KICAgICAgICAgICAgICBpbnZlc3RtZW50Ont9LA0KICAgICAgICAgICAgICBpbnZlc3RtZW50Q2FzZTpbXSwNCiAgICAgICAgICAgICAgc2hvd0luZm86ZmFsc2UNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICAgICAgbW91bnRlZCgpIHsNCiAgICAgICAgICAgIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3AgPSBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA9MDsgLy/lm57liLDpobbpg6gNCiAgICAgICAgICB0aGlzLmdldERhdGEoKQ0KICAgICAgICAgIHRoaXMuZ2V0SW52ZXN0bWVudENhc2UoKQ0KICAgICAgICB9LA0KICAgICAgICBtZXRob2RzOiB7DQogICAgICAgICAgY2xvc2VNZXNzYWdlKCl7DQogICAgICAgICAgICB0aGlzLnNob3dJbmZvID1mYWxzZQ0KICAgICAgICAgIH0sDQogICAgICAgICAgICBnZXREYXRhKCl7DQogICAgICAgICAgICAgIGdldEludmVzdG1lbnQoe30pLnRoZW4oKHJlcyk9PnsNCiAgICAgICAgICAgICAgICBpZihyZXMpew0KICAgICAgICAgICAgICAgICAgdGhpcy5pbnZlc3RtZW50ID0gcmVzDQogICAgICAgICAgICAgICAgfQ0KICAgICAgICAgICAgICB9KQ0KICAgICAgICAgICAgfSwNCiAgICAgICAgICBnZXRJbnZlc3RtZW50Q2FzZSgpew0KICAgICAgICAgICAgZ2V0SW52ZXN0bWVudENhc2Uoe3N0YXR1czoncHVibGlzaGVkJ30pLnRoZW4oKHJlcyk9PnsNCiAgICAgICAgICAgICAgICBpZihyZXMpew0KICAgICAgICAgICAgICAgICAgdGhpcy5jYXNlTGlzdCA9W10NCiAgICAgICAgICAgICAgICAgIHJlcy5mb3JFYWNoKGl0ZW09PnsNCiAgICAgICAgICAgICAgICAgICAgaWYoaXRlbS50aGVtZU1hcCE9bnVsbCYmaXRlbS50aGVtZU1hcC5sZW5ndGg+Mil7DQogICAgICAgICAgICAgICAgICAgICAgaXRlbS5pbWcgPSB0aGlzLiRjb21tb24uY2FzdEV2YWwoaXRlbS50aGVtZU1hcClbMF0udXJsDQogICAgICAgICAgICAgICAgICAgIH1lbHNlIHsNCiAgICAgICAgICAgICAgICAgICAgICBpdGVtLmltZyA9JycNCiAgICAgICAgICAgICAgICAgICAgfQ0KDQogICAgICAgICAgICAgICAgICAgIHRoaXMuY2FzZUxpc3QucHVzaChpdGVtKQ0KICAgICAgICAgICAgICAgICAgfSkNCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICAgIH0pDQogICAgICAgICAgICB9LA0KICAgICAgICAgICAgZGV0YWlsKGluZGV4KXsNCiAgICAgICAgICAgICAgdGhpcy4kcm91dGVyLnB1c2goe25hbWU6J2ZpbmFuY2VEZXRhaWwnLHBhcmFtczppbmRleH0pDQogICAgICAgICAgICB9LA0KICAgICAgICAgIGRldGFpbDEoKXsNCiAgICAgICAgICAgIHRoaXMuc2hvd0luZm8gPXRydWUNCiAgICAgICAgICAgIH0NCiAgICAgICAgfSwNCiAgICB9Ow0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA;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;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;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/finance","sourcesContent":["<template>\r\n    <div style=\"background: #f0f0f0;padding-bottom:50px\">\r\n        <div class=\"banner\">\r\n            <img src=\"~@/assets/images/trq.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>INVESTMENT CIRCLE</span>\r\n            </div>\r\n            <div class=\"smart-device-content\">\r\n                <ul class=\"nav-list\">\r\n                    <li :class=\"active == 1 ? 'active':''\" @click=\"active=1\"><span>什么是投融圈</span></li>\r\n                    <li :class=\"active == 2 ? 'active':''\" @click=\"active=2\"><span>投融案例</span></li>\r\n                </ul>\r\n                <div class=\"list-content\">\r\n                    <div v-if=\"active==1\">\r\n                        <div class=\"circle-info\" v-html=\"investment.content\">\r\n<!--                            <div class=\"circle-info-text\">-->\r\n<!--                                <img src=\"~@/assets/images/wh1.jpg\" alt=\"\">-->\r\n<!--                                <p>企业融资是指企业从自身生产经营现状及资金运用情况出发，根据企业未来经营与发展策略的需要，通过一定的渠道和方式，利用内部积累或向企业的投资者及债权人筹集生产经营所需资金的一种经营活动。</p>-->\r\n<!--                                <p>资金是企业体内的血液，是企业进行生产经营活动的必要条件，没有足够的资金，企业的生存和发展就没有保障。因此，企业融资与资金供给制度、金融市场、金融体制和债信文化有着密切的关系。</p>-->\r\n<!--                            </div>-->\r\n<!--                            <div class=\"circle-style\">-->\r\n<!--                                <div class=\"circle-style-title\">-->\r\n<!--                                    <span>投资方式</span>-->\r\n<!--                                </div>-->\r\n<!--                                <div class=\"circle-style-content\">-->\r\n<!--                                    <p>企业投资是指企业以自有的资产投入，承担相应的风险，以期合法地取得资产或权益的一种经济活动。企业投资从投入到产出中间有个经营过程，稍有不慎投资将化为流水。因此企业投资需要注意客观评估自身条件量力而行，认真研究投资环境，投资项目，要作好市场调查，防止投资失败。 </p>-->\r\n<!--                                    <p>企业投资可分为直接投资和间接投资两种:</p>-->\r\n<!--                                    <p>直接投资一般是把资金投放于生产经营环节中，主要为企业设立、购置各种生产经营用资产的投资，以期通过对企业的投资获取投资收益。这种企业经营性直接投资，在总的投资中所占比重较大。</p>-->\r\n<!--                                    <p>间接投资又称金融投资或证券投资，是指把资金投放于证券等金融性资产，以期获愿股利或利息收入的投资。随着我国金融市场的完善和多渠道筹资的形成，企业的间接投资会越来越广泛。</p>-->\r\n<!--                                </div>-->\r\n<!--                            </div>-->\r\n<!--                            <div class=\"circle-style\">-->\r\n<!--                                <div class=\"circle-style-title\">-->\r\n<!--                                    <span>融资方式</span>-->\r\n<!--                                </div>-->\r\n<!--                                <div class=\"circle-style-content\">-->\r\n<!--                                    <h3>內源融资</h3>-->\r\n<!--                                    <p>内源融资是指公司经营活动结果产生的资金，即公司内部融通的资金，主要由留存收益和折旧构成。是指企业不断将自己的储蓄(主要包括留存盈利、折旧和定额负债)转化为投资的过程。 内源融资对企业的资本形成具有原始性、自主性、低成本和抗风险的特点，是企业生存与发展不可或缺的重要组成部分。 在发达的市场经济国家，内源融资是企业首选的融资方式，是企业资金的重要来源。</p>-->\r\n<!--                                    <h3>外源融资</h3>-->\r\n<!--                                    <p>外源融资是指企业通过一定方式向企业之外的其它经济主体筹集资金。外源融资分方式包括：银行贷款、发行股票、企业债券等，此外，企业之间的商业信用、融资租赁在一定意义上说也属于外源融资的范围。外源融资是吸收其他经济主体的储蓄，以转化为投资的过程。 随着技术的进步和生产规模的扩大，单纯依靠内源融资已很难满足企业的资金需求，外源融资已逐渐成为企业获得资金的重要方式。 企业投资是指企业以自有的资产投入，承担相应的风险，以期合法地取得资产或权益的一种经济活动。企业投资从投入到产出中间有个经营过程，稍有不慎投资将化为流水。因此企业投资需要注意客观评估自身条件量力而行，认真研究投资环境，投资项目，要作好市场调查，防止投资失败。 企业投资可分为直接投资和间接投资两种 直接投资一般是把资金投放于生产经营环节中，主要为企业设立、购置各种生产经营用资产的投资，以期通过对企业的投资获取投资收益。这种企业经营性直接投资，在总的投资中所占比重较大。 间接投资又称金融投资或证券投资，是指把资金投放于证券等金融性资产，以期获愿股利或利息收入的投资。随着我国金融市场的完善和多渠道筹资的形成，企业的间接投资会越来越广泛。</p>-->\r\n<!--                                </div>-->\r\n<!--                            </div>-->\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"case-list\" v-else>\r\n                        <ul>\r\n                            <li v-for=\"(item,index) in caseList\" :key=\"index\"    @click=\"detail(item)\">\r\n                                <div class=\"case-content\">\r\n                                    <img :src=\"item.img\" alt=\"\">\r\n                                    <div>\r\n                                        <h3>{{item.title}}</h3>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                <div class=\"btn-list\" v-if=\"active==2\">\r\n                    <span @click=\"detail1()\">投资需求提交</span>\r\n                    <span @click=\"detail1()\">融资需求提交</span>\r\n                </div>\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 {getInvestment,getInvestmentCase} from \"@/service/api_service\";\r\nimport Message from '@/views/message/index'\r\nexport default {\r\n        components: {\r\n          Message\r\n        },\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                caseList:[\r\n                    // {\r\n                    //     img:'ca1.png',\r\n                    //     title:'基金优秀教育平台',\r\n                    //     content:'你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试'\r\n                    // },\r\n                    // {\r\n                    //     img:'ca2.png',\r\n                    //     title:'基金优秀教育平台',\r\n                    //     content:'你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试'\r\n                    // },\r\n                    // {\r\n                    //     img:'ca3.png',\r\n                    //     title:'基金优秀教育平台基金优秀教育平台基金优秀教育平台',\r\n                    //     content:'你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试你好测试'\r\n                    // }\r\n\r\n                ],\r\n              investment:{},\r\n              investmentCase:[],\r\n              showInfo:false\r\n            }\r\n        },\r\n        mounted() {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0; //回到顶部\r\n          this.getData()\r\n          this.getInvestmentCase()\r\n        },\r\n        methods: {\r\n          closeMessage(){\r\n            this.showInfo =false\r\n          },\r\n            getData(){\r\n              getInvestment({}).then((res)=>{\r\n                if(res){\r\n                  this.investment = res\r\n                }\r\n              })\r\n            },\r\n          getInvestmentCase(){\r\n            getInvestmentCase({status:'published'}).then((res)=>{\r\n                if(res){\r\n                  this.caseList =[]\r\n                  res.forEach(item=>{\r\n                    if(item.themeMap!=null&&item.themeMap.length>2){\r\n                      item.img = this.$common.castEval(item.themeMap)[0].url\r\n                    }else {\r\n                      item.img =''\r\n                    }\r\n\r\n                    this.caseList.push(item)\r\n                  })\r\n                }\r\n              })\r\n            },\r\n            detail(index){\r\n              this.$router.push({name:'financeDetail',params:index})\r\n            },\r\n          detail1(){\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        }\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            overflow: hidden;\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        .device-title img{\r\n            width: 80%;\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: 1.5rem;\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        .case-list ul{\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: left;\r\n        }\r\n        .case-list ul li{\r\n            width: 50%;\r\n            margin-bottom: 2rem;\r\n        }\r\n        .case-list ul li>div{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .case-list ul li img{\r\n            width: 100%;\r\n            height: 20rem;\r\n        }\r\n        .btn-list{\r\n            width: 40%;\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        .case-list ul li{\r\n            margin-bottom: 2rem;\r\n        }\r\n        .case-list ul li>div{\r\n            width: 90%;\r\n            margin: 0 auto;\r\n        }\r\n        .case-list ul li img{\r\n            width: 100%;\r\n        }\r\n        .btn-list{\r\n            width: 90%;\r\n        }\r\n        .btn-list span{\r\n            border: 1px solid #996FEC!important;\r\n            border-radius: 0!important;\r\n            color: #996FEC;\r\n        }\r\n    }\r\n    .list-content{\r\n        min-height: 10rem;\r\n    }\r\n    .case-content{\r\n        position: relative;\r\n    }\r\n    .case-content div{\r\n        position: absolute;\r\n        bottom: 0;\r\n        background: #7755a780;\r\n        color: #fff;\r\n        width: 100%;\r\n        /*margin: 0 auto;*/\r\n        /*left: 0;*/\r\n        /*right: 0;*/\r\n    }\r\n    .case-content img{\r\n        display: block;\r\n    }\r\n    .case-content div h3{\r\n        width: 90%;\r\n        margin: 1rem auto;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n    }\r\n    .btn-list{\r\n        margin: 0 auto;\r\n        display: flex;\r\n    }\r\n    .btn-list span{\r\n        display: inline-block;\r\n        width: 40%;\r\n        border: 1px solid #333;\r\n        border-radius: 10px;\r\n        padding: 0.5rem;\r\n        text-align: center;\r\n    }\r\n    .btn-list span:first-child{\r\n        margin-right: 5%;\r\n    }\r\n    /*什么是投融圈*/\r\n    .circle-info img{\r\n        width: 100%;\r\n    }\r\n    .circle-info p,.circle-style-content p{\r\n        line-height: 1.5rem;\r\n        font-size: 1rem;\r\n        color: #333;\r\n    }\r\n    .circle-style-title{\r\n        text-align: center;\r\n        margin: 2rem 0;\r\n    }\r\n    .circle-style-title span{\r\n        display: inline-block;\r\n        color: #333;\r\n        font-size: 1.1rem;\r\n        border-bottom: 4px solid #996eee;\r\n        padding-bottom: 0.5rem;\r\n    }\r\n    .circle-style-content h3{\r\n        color: #333;\r\n        margin: 1rem 0;\r\n    }\r\n</style>\r\n"]}]}