{"version":3,"sources":["webpack:///./src/views/companynews.vue?14d2","webpack:///./src/views/companynews.vue","webpack:///src/views/companynews.vue","webpack:///./src/views/companynews.vue?c531","webpack:///./src/views/companynews.vue?25d6"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","slot","_l","navList","menu","index","children","length","key","route","_v","_s","name","_e","subMenu","subIndex","_m","on","handleClick","model","value","activeName","callback","$$v","expression","$event","handleToDetail","leftItemFirst","id","baseURL","cover","title","ArticleList","item","substr","content","createTime","viewCount","companyArticleList","total1","currentChange1","total2","staticRenderFns","staticStyle","data","curId","topArticleList","id1","id2","pageNum1","pageNum2","methods","tab","event","console","log","handleScroll","nav","document","querySelector","distanceFromTop","offsetTop","window","pageYOffset","classList","add","remove","articleListTop","api_article_list_top","categoryId","then","res","rows","slice","getNewsArticleList","scrollTo","currentChange2","getCompanyArticleList","getCategory","$router","push","path","query","api_category","getTreeId","api_article_list","pageNum","pageSize","total","concat","forEach","v","reg","names","match","join","tree","getTree","map","created","abc","GLOBAL","BASE_URL","mounted","sessionStorage","getItem","removeItem","setItem","location","reload","addEventListener","component"],"mappings":"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","file":"js/chunk-ebb13322.281b3992.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./companynews.vue?vue&type=style&index=0&id=45a69cc2&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"news\"},[_c('div',{staticClass:\"top\"},[_c('img',{staticClass:\"loGo\",attrs:{\"src\":require(\"../image/logo.png\"),\"alt\":\"\"}}),_c('el-row',{staticClass:\"tac\"},[_c('el-col',{attrs:{\"span\":12}},[_c('el-menu',{staticClass:\"el-menu-vertical-demo\",attrs:{\"default-active\":\"2\",\"background-color\":\"#545c64\",\"text-color\":\"#fff\",\"active-text-color\":\"#ffd04b\",\"unique-opened\":true}},[_c('el-submenu',{attrs:{\"index\":\"1\"}},[_c('template',{slot:\"title\"},[_c('img',{staticClass:\"logo-1\",attrs:{\"src\":require(\"../image/menu.png\"),\"alt\":\"\"}})]),_c('el-menu-item-group',[_vm._l((_vm.navList),function(menu,index){return [(menu.children.length == 0)?_c('el-menu-item',{key:menu.index,attrs:{\"index\":`1-${index + 1}`}},[_c('router-link',{staticClass:\"linkclass\",attrs:{\"to\":menu.route}},[_vm._v(\" \"+_vm._s(menu.name)+\" \")])],1):_vm._e(),(menu.children.length !== 0)?_c('el-submenu',{key:menu.index,attrs:{\"index\":`1-${index + 1}`}},[_c('template',{slot:\"title\"},[_vm._v(_vm._s(menu.name))]),_vm._l((menu.children),function(subMenu,subIndex){return _c('el-menu-item',{key:subMenu.index,attrs:{\"index\":`1-${index + 1}-${subIndex + 1}`}},[_c('router-link',{staticClass:\"linkclass\",attrs:{\"to\":subMenu.route}},[_vm._v(_vm._s(subMenu.name))])],1)})],2):_vm._e()]})],2)],2)],1)],1)],1),_vm._m(0)],1),_c('div',{staticClass:\"tabs\"},[_c('el-tabs',{attrs:{\"type\":\"card\"},on:{\"tab-click\":_vm.handleClick},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-tab-pane',{attrs:{\"label\":\"新闻资讯\",\"name\":\"first\"}},[_c('div',{staticClass:\"first-framework\"},[_c('div',{staticClass:\"first-1\"},[_c('div',{staticClass:\"first-1-1\",on:{\"click\":function($event){return _vm.handleToDetail(_vm.leftItemFirst.id)}}},[_c('img',{staticClass:\"first-1-1-img\",attrs:{\"src\":_vm.baseURL + _vm.leftItemFirst.cover}}),_c('p',[_vm._v(_vm._s(_vm.leftItemFirst.title))])]),_vm._l((_vm.ArticleList),function(item){return _c('div',{key:item.id,staticClass:\"first-1-2\",on:{\"click\":function($event){return _vm.handleToDetail(item.id)}}},[_c('img',{staticClass:\"first-1-2-img\",attrs:{\"src\":_vm.baseURL + item.cover}}),_c('div',{staticClass:\"first-text\"},[_c('span',[_vm._v(_vm._s(item.title.length > 37 ? item.title.substr(0, 37) + \"...\" : item.title))]),_c('p',[_vm._v(_vm._s(item.content))]),_c('div',{staticClass:\"ft-1\"},[_c('p',[_vm._v(_vm._s(item.createTime))]),_c('p',{staticClass:\"ft-1-1\"},[_vm._v(\"阅读量 : \"+_vm._s(item.viewCount))])])])])})],2),_c('div',{staticClass:\"first-2\"},[_c('div',{staticClass:\"first-2-1\"},[_c('div',{staticClass:\"first-2-css\"}),_c('span',[_vm._v(\"公司动态\")])]),(_vm.companyArticleList.length > 0)?_c('div',_vm._l((_vm.companyArticleList),function(item){return _c('div',{key:item.id,staticClass:\"first-2-2\",on:{\"click\":function($event){return _vm.handleToDetail(item.id)}}},[_c('img',{staticClass:\"first-2-2-img\",attrs:{\"src\":_vm.baseURL + item.cover}}),_c('span',[_vm._v(_vm._s(item.title))]),_c('p',[_vm._v(\"阅读量 : \"+_vm._s(item.createTime))])])}),0):_vm._e()])]),_c('div',{staticClass:\"Pagination\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.total1,\"page-size\":8},on:{\"current-change\":_vm.currentChange1}})],1)]),_c('el-tab-pane',{attrs:{\"label\":\"公司动态\",\"name\":\"second\"}},[(_vm.companyArticleList.length > 0)?_c('div',{staticClass:\"first-framework-2\"},_vm._l((_vm.companyArticleList),function(item){return _c('div',{key:item.id,staticClass:\"ft-1-2\",on:{\"click\":function($event){return _vm.handleToDetail(item.id)}}},[_c('img',{staticClass:\"ft-1-2-img\",attrs:{\"src\":_vm.baseURL + item.cover}}),_c('div',{staticClass:\"ft-text\"},[_c('span',[_vm._v(_vm._s(item.title))]),_c('p',[_vm._v(_vm._s(item.content))]),_c('div',{staticClass:\"fts-1\"},[_c('p',[_vm._v(_vm._s(item.createTime))]),_c('p',{staticClass:\"fts-1-1\"},[_vm._v(\"阅读量 : \"+_vm._s(item.viewCount))])])])])}),0):_vm._e(),_c('div',{staticClass:\"Paginations\"},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.total2,\"page-size\":8},on:{\"current-change\":_vm.currentChange1}})],1)])],1)],1),_c('BUTTOM')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"introduce\"},[_c('p',{staticClass:\"p1\"},[_vm._v(\"智如客科技-新闻资讯-公司动态\")]),_c('p',{staticClass:\"p1none\",staticStyle:{\"display\":\"none\"}},[_vm._v(\"新闻资讯\")]),_c('p',{staticClass:\"p2\"},[_vm._v(\"Zhiruke Technology - News and Information - Company news\")]),_c('p',{staticClass:\"p2none\",staticStyle:{\"display\":\"none\"}},[_vm._v(\"News and information\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"news\">\r\n        <div class=\"top\">\r\n            <img src=\"../image/logo.png\" alt=\"\" class=\"loGo\">\r\n            <el-row class=\"tac\">\r\n                <el-col :span=\"12\">\r\n                    <el-menu default-active=\"2\" class=\"el-menu-vertical-demo\" background-color=\"#545c64\" text-color=\"#fff\"\r\n                        active-text-color=\"#ffd04b\" :unique-opened=\"true\">\r\n                        <el-submenu index=\"1\">\r\n                            <template slot=\"title\">\r\n                                <img src=\"../image/menu.png\" alt=\"\" class=\"logo-1\">\r\n                            </template>\r\n                            <el-menu-item-group>\r\n                                <template v-for=\"(menu, index) in navList\">\r\n                                    <el-menu-item :index=\"`1-${index + 1}`\" v-if=\"menu.children.length == 0\"\r\n                                        :key=\"menu.index\">\r\n                                        <router-link :to=\"menu.route\" class=\"linkclass\">\r\n                                            {{ menu.name }}\r\n                                        </router-link>\r\n                                    </el-menu-item>\r\n                                    <el-submenu :index=\"`1-${index + 1}`\" v-if=\"menu.children.length !== 0\"\r\n                                        :key=\"menu.index\">\r\n                                        <template slot=\"title\">{{ menu.name }}</template>\r\n                                        <el-menu-item v-for=\"(subMenu, subIndex) in menu.children\"\r\n                                            :index=\"`1-${index + 1}-${subIndex + 1}`\" :key=\"subMenu.index\">\r\n                                            <router-link :to=\"subMenu.route\" class=\"linkclass\">{{ subMenu.name\r\n                                            }}</router-link>\r\n                                        </el-menu-item>\r\n                                    </el-submenu>\r\n                                </template>\r\n                            </el-menu-item-group>\r\n\r\n                        </el-submenu>\r\n                    </el-menu>\r\n                </el-col>\r\n            </el-row>\r\n            <div class=\"introduce\">\r\n                <p class=\"p1\">智如客科技-新闻资讯-公司动态</p>\r\n                <p class=\"p1none\" style=\"display: none;\">新闻资讯</p>\r\n                <p class=\"p2\">Zhiruke Technology - News and Information - Company news</p>\r\n                <p class=\"p2none\" style=\"display: none;\">News and information</p>\r\n            </div>\r\n        </div>\r\n        <div class=\"tabs\">\r\n            <el-tabs v-model=\"activeName\" type=\"card\" @tab-click=\"handleClick\">\r\n                <el-tab-pane label=\"新闻资讯\" name=\"first\">\r\n                    <div class=\"first-framework\">\r\n                        <div class=\"first-1\">\r\n                            <div class=\"first-1-1\" @click=\"handleToDetail(leftItemFirst.id)\">\r\n                                <!-- <img :src=\"baseURL + leftItemFirst.cover\" alt=\"\"> -->\r\n                                <img class=\"first-1-1-img\" :src=\"baseURL + leftItemFirst.cover\">\r\n                                <p>{{ leftItemFirst.title }}</p>\r\n                            </div>\r\n                            <div class=\"first-1-2\" v-for=\"item in ArticleList\" :key=\"item.id\"\r\n                                @click=\"handleToDetail(item.id)\">\r\n                                <!-- <img :src=\"baseURL + item.cover\"> -->\r\n                                <img class=\"first-1-2-img\" :src=\"baseURL + item.cover\">\r\n                                <div class=\"first-text\">\r\n                                    <span>{{\r\n                                        item.title.length > 37\r\n                                        ? item.title.substr(0, 37) + \"...\"\r\n                                        : item.title\r\n                                    }}</span>\r\n                                    <p>{{ item.content }}</p>\r\n                                    <div class=\"ft-1\">\r\n                                        <p>{{ item.createTime }}</p>\r\n                                        <p class=\"ft-1-1\">阅读量 :&nbsp;{{ item.viewCount }}</p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"first-2\">\r\n                            <div class=\"first-2-1\">\r\n                                <div class=\"first-2-css\"></div>\r\n                                <span>公司动态</span>\r\n                            </div>\r\n                            <div v-if=\"companyArticleList.length > 0\">\r\n                                <div class=\"first-2-2\" v-for=\"item in companyArticleList\" :key=\"item.id\"\r\n                                    @click=\"handleToDetail(item.id)\">\r\n                                    <img class=\"first-2-2-img\" :src=\"baseURL + item.cover\">\r\n                                    <!-- <img :src=\"baseURL + item.cover\"> -->\r\n                                    <span>{{ item.title }}</span>\r\n                                    <p>阅读量 :&nbsp;{{ item.createTime }}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"Pagination\">\r\n                        <el-pagination background layout=\"prev, pager, next\" :total=\"total1\" :page-size=\"8\"\r\n                            @current-change=\"currentChange1\"></el-pagination>\r\n                    </div>\r\n                </el-tab-pane>\r\n                <el-tab-pane label=\"公司动态\" name=\"second\">\r\n                    <div class=\"first-framework-2\" v-if=\"companyArticleList.length > 0\">\r\n                        <div class=\"ft-1-2\" v-for=\"item in companyArticleList\" :key=\"item.id\"\r\n                            @click=\"handleToDetail(item.id)\">\r\n                            <!-- <img :src=\"baseURL + item.cover\"> -->\r\n                            <img class=\"ft-1-2-img\" :src=\"baseURL + item.cover\">\r\n                            <div class=\"ft-text\">\r\n                                <span>{{ item.title }}</span>\r\n                                <p>{{ item.content }}</p>\r\n                                <div class=\"fts-1\">\r\n                                    <p>{{ item.createTime }}</p>\r\n                                    <p class=\"fts-1-1\">阅读量 :&nbsp;{{ item.viewCount }}</p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"Paginations\">\r\n                        <el-pagination background layout=\"prev, pager, next\" :total=\"total2\" :page-size=\"8\"\r\n                            @current-change=\"currentChange1\"></el-pagination>\r\n                    </div>\r\n                </el-tab-pane>\r\n            </el-tabs>\r\n        </div>\r\n        <BUTTOM></BUTTOM>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n    api_article_list,\r\n    api_category,\r\n    api_article_list_top,\r\n} from \"@/APi/api\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            activeName: 'second',\r\n            curId: 1,\r\n            ArticleList: [],\r\n            topArticleList: [],\r\n            companyArticleList: [],\r\n            leftItemFirst: {},\r\n            id1: \"\",\r\n            id2: \"\",\r\n            baseURL: \"\",\r\n            total1: 0,\r\n            total2: 0,\r\n            pageNum1: 1,\r\n            pageNum2: 1,\r\n            navList: [],\r\n        };\r\n    },\r\n    methods: {\r\n        handleClick(tab, event) {\r\n            console.log(tab, event);\r\n        },\r\n        handleScroll() {\r\n            const nav = document.querySelector('.tac'); // 导航栏元素\r\n            const distanceFromTop = nav.offsetTop; // 导航栏距离顶部的距离\r\n\r\n            if (window.pageYOffset > distanceFromTop) { // 当滚动距离超过导航栏距离顶部的距离时\r\n                nav.classList.add('fixed'); // 添加固定样式类\r\n            } else {\r\n                nav.classList.remove('fixed'); // 移除固定样式类\r\n            }\r\n        },\r\n        articleListTop() {\r\n            api_article_list_top({\r\n                categoryId: this.id1,\r\n            }).then((res) => {\r\n                this.topArticleList = res.data.rows.slice(1);\r\n                this.leftItemFirst = res.data.rows[0];\r\n\r\n                this.getNewsArticleList();\r\n            });\r\n        },\r\n        currentChange1(index) {\r\n            this.pageNum1 = index;\r\n            this.getNewsArticleList();\r\n            window.scrollTo(0, 0);\r\n        },\r\n        currentChange2(index) {\r\n            this.pageNum2 = index;\r\n            this.getCompanyArticleList();\r\n        },\r\n        async abc() {\r\n            await this.getCategory();\r\n            this.getCompanyArticleList();\r\n\r\n            this.articleListTop();\r\n        },\r\n        // 跳转新闻详情\r\n        handleToDetail(id) {\r\n            this.$router.push({\r\n                path: \"/newsDetail\",\r\n                query: { id: id },\r\n            });\r\n        },\r\n        // 获取栏目列表\r\n        async getCategory() {\r\n            await api_category().then((res) => {\r\n                this.navList = res.data;\r\n                this.id1 = this.getTreeId(res.data, \"/news\");\r\n                this.id2 = this.getTreeId(res.data, \"/companynews\");\r\n            });\r\n        },\r\n        // 获取新闻资讯文章列表\r\n        getNewsArticleList() {\r\n            api_article_list({\r\n                pageNum: this.pageNum1,\r\n                pageSize: 8,\r\n                categoryId: this.id1,\r\n            }).then((res) => {\r\n                this.total1 = res.data.total;\r\n\r\n                this.ArticleList = this.topArticleList.concat(res.data.rows);\r\n                this.ArticleList.forEach((v) => {\r\n                    if (v.content != null && v.content != \"\") {\r\n                        var reg = /[\\u4e00-\\u9fa5]|[\\（\\）\\《\\》\\——\\；\\，\\。\\“\\”\\！]/g;\r\n                        var names = v.content.match(reg);\r\n                        if (names != null) {\r\n                            v.content =\r\n                                names.join(\"\").length > 130\r\n                                    ? names.join(\"\").substr(0, 130) + \"...\"\r\n                                    : names.join(\"\");\r\n                        } else {\r\n                            v.content = \"\";\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        },\r\n        // 获取公司动态文章列表\r\n        getCompanyArticleList() {\r\n            api_article_list({\r\n                pageNum: this.pageNum2,\r\n                pageSize: 8,\r\n                categoryId: this.id2,\r\n            }).then((res) => {\r\n                this.companyArticleList = res.data.rows;\r\n                this.total2 = res.data.total;\r\n                this.companyArticleList.forEach((v) => {\r\n                    if (v.content != null && v.content != \"\") {\r\n                        var reg = /[\\u4e00-\\u9fa5]|[\\（\\）\\《\\》\\——\\；\\，\\。\\“\\”\\！]/g;\r\n                        var names = v.content.match(reg);\r\n                        if (names != null) {\r\n                            v.content =\r\n                                names.join(\"\").length > 130\r\n                                    ? names.join(\"\").substr(0, 130) + \"...\"\r\n                                    : names.join(\"\");\r\n                        } else {\r\n                            v.content = \"\";\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n        },\r\n        // 递归查找对应categoryId\r\n        getTreeId(tree, path) {\r\n            let id = \"\";\r\n            function getTree(tree, path) {\r\n                tree.map((item) => {\r\n                    if (item.route == path) {\r\n                        id = item.id;\r\n                        return;\r\n                    } else {\r\n                        if (item.children) {\r\n                            getTree(item.children, path);\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n            getTree(tree, path);\r\n            return id;\r\n        },\r\n    },\r\n    created() {\r\n        this.abc();\r\n        this.getCategory();\r\n        this.baseURL = this.GLOBAL.BASE_URL;\r\n    },\r\n    mounted() {\r\n        if (!sessionStorage.getItem('isRefreshed')) {\r\n            sessionStorage.setItem('isRefreshed', true);\r\n            window.location.reload();\r\n        } else {\r\n            sessionStorage.removeItem('isRefreshed');\r\n        }\r\n        window.addEventListener('scroll', this.handleScroll);\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n// el-tabs\r\n::v-deep .el-tabs--card>.el-tabs__header {\r\n    border-bottom: 0;\r\n}\r\n\r\n::v-deep .el-tabs--card>.el-tabs__header .el-tabs__nav {\r\n    border: 0;\r\n}\r\n\r\n::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item {\r\n    border-left: 0px;\r\n    width: 7.8125rem;\r\n    height: 3rem;\r\n    text-align: center;\r\n}\r\n\r\n::v-deep .el-tabs__item.is-active {\r\n    color: white;\r\n    background-color: #014F93;\r\n}\r\n\r\n.Pagination {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    margin-top: 2.375rem;\r\n    margin-bottom: 1.75rem;\r\n}\r\n\r\n.Paginations {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    margin-top: 4.6875rem;\r\n    margin-bottom: 11.25rem;\r\n}\r\n\r\n// 导航菜单\r\n::v-deep .el-row {\r\n    width: 13rem;\r\n}\r\n\r\n::v-deep .el-submenu {\r\n    width: 13rem;\r\n}\r\n\r\n::v-deep .el-col-12 {\r\n    width: 100%;\r\n}\r\n\r\n::v-deep .el-menu {\r\n    background-color: transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n::v-deep .el-submenu .el-menu-item {\r\n    color: white;\r\n    background-color: transparent;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n}\r\n\r\n::v-deep .el-submenu__title {\r\n    color: white;\r\n    background-color: transparent !important;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n}\r\n\r\n::v-deep .el-icon-arrow-down:before {\r\n    color: white;\r\n}\r\n\r\n::v-deep .el-submenu .el-menu-item {\r\n    background-color: transparent !important;\r\n}\r\n\r\n::v-deep .el-menu {\r\n    background-color: transparent !important;\r\n}\r\n\r\n.tac {\r\n    z-index: 2;\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    background: linear-gradient(90deg, rgba(56, 98, 154, 0) 0%, rgba(58, 100, 156, 0.86) 100%);\r\n}\r\n\r\n::v-deep .el-menu-item-group>ul {\r\n    height: 44rem;\r\n}\r\np:hover {\r\n    transition: all .6s linear;\r\n    color: rgb(1, 79, 147);\r\n    cursor: pointer;\r\n}\r\n\r\nspan:hover {\r\n    transition: all .6s linear;\r\n    color: rgb(1, 79, 147);\r\n    cursor: pointer;\r\n}\r\n.tac.fixed {\r\n    position: fixed;\r\n    right: 0;\r\n}\r\n\r\n.linkclass {\r\n    text-decoration: none;\r\n    color: white;\r\n}\r\n\r\n// \r\n.top {\r\n    width: 100%;\r\n    height: 15.13rem;\r\n    background-image: url(../image/news.png);\r\n    background-size: 100% 100%;\r\n    margin-bottom: 4.2rem;\r\n\r\n    .loGo {\r\n        width: 8.13rem;\r\n        height: 2.51rem;\r\n        margin-left: 5.81rem;\r\n    }\r\n\r\n    .logo-1 {\r\n        width: 1.63rem;\r\n        height: 1.63rem;\r\n        margin-right: 5.81rem;\r\n    }\r\n\r\n    .introduce {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        top: 7rem;\r\n\r\n        .p1 {\r\n            font-size: 2.25rem;\r\n            color: white;\r\n        }\r\n\r\n        .p2 {\r\n            font-size: 1.13rem;\r\n            color: white;\r\n        }\r\n    }\r\n}\r\n\r\n// \r\n\r\n.tabs {\r\n    width: 57.5rem;\r\n    margin: 0 auto;\r\n\r\n    .first-framework {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-direction: row;\r\n        align-items: flex-start;\r\n\r\n        img {\r\n            transition: transform 0.8s ease-in-out;\r\n        }\r\n\r\n        img:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        // display: flex;\r\n        .first-1 {\r\n            width: 34.5625rem;\r\n            height: auto;\r\n\r\n            .first-1-1 {\r\n                width: 100%;\r\n                height: 15.75rem;\r\n\r\n                .first-1-1-img {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    cursor: pointer;\r\n                }\r\n\r\n                p {\r\n                    font-size: 1rem;\r\n                    color: white;\r\n                    position: absolute;\r\n                    top: 13.1875rem;\r\n                    left: .8125rem;\r\n                }\r\n            }\r\n\r\n            .first-1-2 {\r\n                width: 100%;\r\n                height: 8.5rem;\r\n                display: flex;\r\n                flex-direction: row;\r\n                justify-content: space-between;\r\n                align-items: flex-start;\r\n                padding: 2rem 0px;\r\n\r\n                .first-text {\r\n                    width: 18.8125rem;\r\n                    height: 8.5rem;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-evenly;\r\n                    align-items: flex-start;\r\n\r\n                    span {\r\n                        font-size: .875rem;\r\n                        font-family: PingFangSC-Semibold, PingFang SC;\r\n                        font-weight: 600;\r\n                        color: #333333;\r\n                    }\r\n\r\n                    p {\r\n                        font-size: .8125rem;\r\n                        color: #999999;\r\n                    }\r\n\r\n                    .ft-1 {\r\n                        display: flex;\r\n                        flex-direction: row;\r\n\r\n                        .ft-1-1 {\r\n                            margin-left: 2.5rem;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .first-1-2-img {\r\n                    width: 14.5625rem;\r\n                    height: 8.5rem;\r\n                    cursor: pointer;\r\n                }\r\n            }\r\n        }\r\n\r\n        .first-2 {\r\n            width: 21.5rem;\r\n            height: auto;\r\n            display: flex;\r\n            flex-direction: column;\r\n\r\n            .first-2-1 {\r\n                display: flex;\r\n                align-items: center;\r\n                flex-direction: row;\r\n\r\n                .first-2-css {\r\n                    width: .1875rem;\r\n                    height: 1.1875rem;\r\n                    background: #014F93;\r\n                    border-radius: .0625rem;\r\n                }\r\n\r\n                span {\r\n                    font-size: 1rem;\r\n                    color: #333333;\r\n                    margin-left: .4375rem;\r\n                }\r\n            }\r\n\r\n            .first-2-2 {\r\n                width: 21.5rem;\r\n                height: 13.4375rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                align-items: flex-start;\r\n                padding: 1.2188rem 0rem;\r\n\r\n                .first-2-2-img {\r\n                    width: 21.5rem;\r\n                    height: 10.3125rem;\r\n                    cursor: pointer;\r\n                }\r\n\r\n                span {\r\n                    font-size: .875rem;\r\n                    color: #333333;\r\n                }\r\n\r\n                p {\r\n                    font-size: .6875rem;\r\n                    color: #999999;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .first-framework-2 {\r\n        width: 52.0625rem;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n\r\n        img {\r\n            transition: transform 0.8s ease-in-out;\r\n        }\r\n\r\n        img:hover {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .ft-1-2 {\r\n            width: 100%;\r\n            height: 10.5625rem;\r\n            display: flex;\r\n            flex-direction: row;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            padding: 1.5rem 0px;\r\n\r\n            .ft-text {\r\n                width: 30.75rem;\r\n                height: 10.5625rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-evenly;\r\n                align-items: flex-start;\r\n\r\n                span {\r\n                    font-size: 1.0625rem;\r\n                    font-family: PingFangSC-Semibold, PingFang SC;\r\n                    font-weight: 600;\r\n                    color: #333333;\r\n                }\r\n\r\n                p {\r\n                    font-size: .8125rem;\r\n                    color: #999999;\r\n                }\r\n\r\n                .fts-1 {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n\r\n                    .fts-1-1 {\r\n                        margin-left: 3.4375rem;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .ft-1-2-img {\r\n                width: 19.5rem;\r\n                height: 10.5625rem;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n// 移动端\r\n@media screen and (max-width: 900px) {\r\n\r\n    // 移动\r\n    // el-tabs\r\n    ::v-deep .el-tabs--card>.el-tabs__header {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    ::v-deep .el-tabs--card>.el-tabs__header {\r\n        border-bottom: 0;\r\n    }\r\n\r\n    ::v-deep .el-tabs--card>.el-tabs__header .el-tabs__nav {\r\n        border: 0;\r\n    }\r\n\r\n    ::v-deep .el-tabs--card>.el-tabs__header .el-tabs__item {\r\n        border-left: 0px;\r\n        width: 7.8125rem;\r\n        height: 3rem;\r\n        text-align: center;\r\n    }\r\n\r\n    ::v-deep .el-tabs__item.is-active {\r\n        color: white;\r\n        background-color: #014F93;\r\n    }\r\n\r\n    ::v-deep .el-tabs__nav-scroll {\r\n        margin-left: 18%;\r\n    }\r\n\r\n    .Pagination {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        margin-top: 2.375rem;\r\n        margin-bottom: 1.75rem;\r\n    }\r\n\r\n    .Paginations {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n        margin-top: 4.6875rem;\r\n        margin-bottom: 11.25rem;\r\n    }\r\n\r\n    // 导航菜单\r\n    ::v-deep .el-row {\r\n        width: 8.5rem;\r\n    }\r\n\r\n    ::v-deep .el-submenu {\r\n        width: 8.5rem;\r\n    }\r\n\r\n    ::v-deep .el-col-12 {\r\n        width: 100%;\r\n    }\r\n\r\n    ::v-deep .el-menu {\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    ::v-deep .el-submenu .el-menu-item {\r\n        color: white;\r\n        background-color: transparent;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    ::v-deep .el-submenu__title {\r\n        width: 8.5rem;\r\n        color: white;\r\n        background-color: transparent !important;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    ::v-deep .el-icon-arrow-down:before {\r\n        color: white;\r\n    }\r\n\r\n    ::v-deep .el-submenu .el-menu-item {\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    ::v-deep .el-menu {\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    .tac {\r\n        width: 35%;\r\n        z-index: 2;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        background: linear-gradient(90deg, rgba(56, 98, 154, 0) 0%, rgba(58, 100, 156, 0.86) 100%);\r\n    }\r\n\r\n    ::v-deep .el-menu-item-group>ul {\r\n        height: 49rem;\r\n    }\r\n\r\n    .tac.fixed {\r\n        position: fixed;\r\n        right: 0;\r\n    }\r\n\r\n    .linkclass {\r\n        text-decoration: none;\r\n        color: white;\r\n    }\r\n\r\n    // \r\n    .top {\r\n        width: 100%;\r\n        height: 15.13rem;\r\n        background-image: url(../image/news.png);\r\n        background-size: 100% 100%;\r\n        margin-bottom: 4.2rem;\r\n\r\n        .loGo {\r\n            width: 8.13rem;\r\n            height: 2.51rem;\r\n            margin-left: 0rem;\r\n            margin-top: 0.5rem;\r\n        }\r\n\r\n        .logo-1 {\r\n            width: 1.63rem;\r\n            height: 1.63rem;\r\n            margin-right: 5.81rem;\r\n        }\r\n\r\n        .introduce {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            top: 7rem;\r\n\r\n            .p1 {\r\n                display: none;\r\n                font-size: 2.25rem;\r\n                color: white;\r\n            }\r\n\r\n            .p1none {\r\n                display: block !important;\r\n                font-size: 2.25rem;\r\n                color: white;\r\n            }\r\n\r\n            .p2 {\r\n                display: none;\r\n                font-size: 1.13rem;\r\n                color: white;\r\n            }\r\n\r\n            .p2none {\r\n                display: block !important;\r\n                font-size: 1.13rem;\r\n                color: white;\r\n            }\r\n        }\r\n    }\r\n\r\n    // \r\n\r\n    .tabs {\r\n        width: 100%;\r\n        margin: 0 auto;\r\n\r\n        .first-framework {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            flex-direction: row;\r\n            align-items: flex-start;\r\n\r\n            img {\r\n                transition: transform 0.8s ease-in-out;\r\n            }\r\n\r\n            img:hover {\r\n                transform: scale(1.05);\r\n            }\r\n\r\n            // display: flex;\r\n            .first-1 {\r\n                width: 100%;\r\n                height: auto;\r\n\r\n                .first-1-1 {\r\n                    width: 96%;\r\n                    height: 15.75rem;\r\n                    margin-left: 2%;\r\n\r\n                    .first-1-1-img {\r\n                        width: 100%;\r\n                        height: 100%;\r\n                    }\r\n\r\n                    p {\r\n                        font-size: 1rem;\r\n                        color: white;\r\n                        position: absolute;\r\n                        top: 13.1875rem;\r\n                        left: .8125rem;\r\n                    }\r\n                }\r\n\r\n                .first-1-2 {\r\n                    width: 96%;\r\n                    height: 16.5rem;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    align-items: flex-start;\r\n                    padding: 2rem 0px;\r\n                    margin: auto;\r\n\r\n                    .first-text {\r\n                        width: 96%;\r\n                        height: 8.5rem;\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: space-evenly;\r\n                        align-items: center;\r\n                        margin: auto;\r\n\r\n                        span {\r\n                            font-size: .875rem;\r\n                            font-family: PingFangSC-Semibold, PingFang SC;\r\n                            font-weight: 600;\r\n                            color: #333333;\r\n                        }\r\n\r\n                        p {\r\n                            font-size: .8125rem;\r\n                            color: #999999;\r\n                        }\r\n\r\n                        .ft-1 {\r\n                            display: flex;\r\n                            flex-direction: row;\r\n\r\n                            .ft-1-1 {\r\n                                margin-left: 2.5rem;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .first-1-2-img {\r\n                        width: 96%;\r\n                        height: 8.5rem;\r\n                        margin: auto;\r\n                        cursor: pointer;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .first-2 {\r\n                display: none !important;\r\n                width: 21.5rem;\r\n                height: auto;\r\n                display: flex;\r\n                flex-direction: column;\r\n\r\n                .first-2-1 {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    flex-direction: row;\r\n\r\n                    .first-2-css {\r\n                        width: .1875rem;\r\n                        height: 1.1875rem;\r\n                        background: #014F93;\r\n                        border-radius: .0625rem;\r\n                    }\r\n\r\n                    span {\r\n                        font-size: 1rem;\r\n                        color: #333333;\r\n                        margin-left: .4375rem;\r\n                    }\r\n                }\r\n\r\n                .first-2-2 {\r\n                    width: 21.5rem;\r\n                    height: 13.4375rem;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-between;\r\n                    align-items: flex-start;\r\n                    padding: 1.2188rem 0rem;\r\n\r\n                    .first-2-2-img {\r\n                        width: 21.5rem;\r\n                        height: 10.3125rem;\r\n                    }\r\n\r\n                    span {\r\n                        font-size: .875rem;\r\n                        color: #333333;\r\n                    }\r\n\r\n                    p {\r\n                        font-size: .6875rem;\r\n                        color: #999999;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .first-framework-2 {\r\n            width: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n\r\n            img {\r\n                transition: transform 0.8s ease-in-out;\r\n            }\r\n\r\n            img:hover {\r\n                transform: scale(1.05);\r\n            }\r\n\r\n            .ft-1-2 {\r\n                width: 96%;\r\n                height: 21.5625rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: space-between;\r\n                padding: 1.5rem 0px;\r\n                margin: auto;\r\n\r\n                .ft-text {\r\n                    width: 96%;\r\n                    height: 10.5625rem;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    justify-content: space-evenly;\r\n                    align-items: center;\r\n\r\n                    span {\r\n                        font-size: 1.0625rem;\r\n                        font-family: PingFangSC-Semibold, PingFang SC;\r\n                        font-weight: 600;\r\n                        color: #333333;\r\n                    }\r\n\r\n                    p {\r\n                        width: 96%;\r\n                        font-size: .8125rem;\r\n                        color: #999999;\r\n                        text-align: center;\r\n                    }\r\n\r\n                    .fts-1 {\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                        width: 96%;\r\n                        align-items: center;\r\n                        margin-left: 17%;\r\n\r\n                        .fts-1-1 {\r\n                            margin-left: 3.4375rem;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .ft-1-2-img {\r\n                    width: 96%;\r\n                    height: 10.5625rem;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./companynews.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./companynews.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./companynews.vue?vue&type=template&id=45a69cc2&scoped=true&\"\nimport script from \"./companynews.vue?vue&type=script&lang=js&\"\nexport * from \"./companynews.vue?vue&type=script&lang=js&\"\nimport style0 from \"./companynews.vue?vue&type=style&index=0&id=45a69cc2&prod&lang=scss&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  \"45a69cc2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}