| 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\\common\\homepage.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\project\\苏南官网\\su_nan_guan_wang\\src\\views\\common\\homepage.vue","mtime":1693292417842},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBnZXRCcmlkZiB9IGZyb20gJ0Avc2VydmljZS9hcGlfc2VydmljZScNCmV4cG9ydCBkZWZhdWx0IHsNCiAgICBuYW1lOiAnSG9tZXBhZ2UnLA0KICAgIGRhdGEoKSB7DQogICAgICAgIHJldHVybiB7DQogICAgICAgICAgICBtZW51OiBmYWxzZSwgLy8g5o6n5Yi25LiA57qn6I+c5Y2VIOaYvuekui/pmpDol48NCiAgICAgICAgICAgIHNob3c6IGZhbHNlLA0KICAgICAgICAgICAgYnJpZWZEZXRhaWw6IHt9IC8vIOaOp+WItuS6jOe6p+iPnOWNlSDmmL7npLov6ZqQ6JePDQogICAgICAgIH0NCiAgICB9LA0KICAgIG1vdW50ZWQoKSB7DQogICAgICAgIHRoaXMuZ2V0RGF0YSgpDQogICAgfSwNCiAgICBtZXRob2RzOiB7DQogICAgICAgIGdldERhdGEoKSB7DQogICAgICAgICAgICBnZXRCcmlkZih7IGdyb3VwSWQ6ICc4NzAyNjE4NzQ4NzUxNzA4MTYnIH0pLnRoZW4oKHJlcykgPT4gew0KICAgICAgICAgICAgICAgIGlmIChyZXMuZGF0YSkgew0KICAgICAgICAgICAgICAgICAgICB0aGlzLmJyaWVmRGV0YWlsID0gcmVzLmRhdGENCiAgICAgICAgICAgICAgICB9DQogICAgICAgICAgICB9KQ0KICAgICAgICB9LA0KICAgICAgICBtZW51QnRuKCkgew0KICAgICAgICAgICAgaWYgKHRoaXMubWVudSA9PSBmYWxzZSkgew0KICAgICAgICAgICAgICAgIHRoaXMubWVudSA9IHRydWUNCiAgICAgICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgICAgICAgdGhpcy5tZW51ID0gZmFsc2UNCiAgICAgICAgICAgICAgICB0aGlzLnNob3cgPSBmYWxzZQ0KICAgICAgICAgICAgfQ0KICAgICAgICB9LA0KICAgICAgICBtZW51MkJ0bihibykgew0KICAgICAgICAgICAgdGhpcy5zaG93ID0gYm8NCiAgICAgICAgfQ0KICAgIH0NCn0NCg=="},{"version":3,"sources":["homepage.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmRA;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":"homepage.vue","sourceRoot":"src/views/common","sourcesContent":["<template xmlns=\"http://www.w3.org/1999/html\" xmlns=\"http://www.w3.org/1999/html\">\r\n <div>\r\n <div class=\"header\">\r\n <!-- pc端 menu-->\r\n <div class=\"pc\">\r\n <div class=\"header_content\">\r\n <div class=\"logo\">\r\n<!-- <img src=\"~@/assets/images/logo.png\" alt=\"\">-->\r\n 苏南快递产业园\r\n </div>\r\n <div class=\"shortcut\">\r\n <ul class=\"app-menu\">\r\n <li class=\"cur\">\r\n <router-link :to=\"{ path: '/' }\">首页</router-link>\r\n </li>\r\n <li>\r\n <router-link :to=\"{ path: '/about' }\">园区介绍</router-link>\r\n </li>\r\n <li class=\"ser\">\r\n <a href=\"javascript:void(0)\">企业服务</a>\r\n <div class=\"second-menu\">\r\n <div class=\"select_detail\">\r\n <div class=\"area-nav\">\r\n <p>\r\n <router-link\r\n :to=\"{ path: '/service/characteristic' }\"\r\n >服务特色</router-link>\r\n </p>\r\n <p>\r\n <router-link\r\n :to=\"{ path: '/service/periphery' }\"\r\n >园区周边</router-link>\r\n </p>\r\n <p>\r\n <router-link\r\n :to=\"{ path: '/service/activities' }\"\r\n >园区活动</router-link>\r\n </p>\r\n <p>\r\n <router-link\r\n :to=\"{ path: '/service/educate' }\"\r\n >园区培训</router-link>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/zhaoshang/list' }\"\r\n >政策服务</router-link>\r\n </li>\r\n <li>\r\n <router-link :to=\"{ path: '/jobs/list' }\">优质人才</router-link>\r\n </li>\r\n <!-- <li>-->\r\n <!-- <router-link :to=\"{ path: '/finance/list' }\"-->\r\n <!-- >快递圈</router-link-->\r\n <!-- >-->\r\n <!-- </li>-->\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/company/list' }\"\r\n >知名企业</router-link>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/notice/list' }\"\r\n >园区通知</router-link>\r\n </li>\r\n <li>\r\n <router-link :to=\"{ path: '/contact' }\">联系我们</router-link>\r\n </li>\r\n </ul>\r\n <div class=\"menu\" style=\"display: none\" @click=\"menuBtn()\">\r\n <img src=\"~@/assets/images/menu.png\" alt=\"\">\r\n <img src=\"~@/assets/images/menu-close.png\" alt=\"\">\r\n </div>\r\n </div>\r\n <div class=\"lang\"><span>EN</span></div>\r\n <div style=\"clear: both\" />\r\n </div>\r\n </div>\r\n <!-- app端-menu-->\r\n <div class=\"apps\">\r\n <div class=\"header_content\">\r\n <div class=\"logo\">\r\n <img src=\"~@/assets/images/logo.png\" alt=\"\">\r\n <span>尚贤湖基金Park</span>\r\n </div>\r\n <div class=\"shortcut\">\r\n <ul v-if=\"menu\" class=\"app-menu\">\r\n <li class=\"cur\" @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/' }\"\r\n >首页</router-link>\r\n </li>\r\n <li @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/about' }\"\r\n >园区介绍</router-link>\r\n </li>\r\n <li class=\"ser\" @click=\"menu2Btn(true)\">\r\n <a href=\"javascript:void(0)\">园区服务</a>\r\n <div v-if=\"show\" class=\"second-menu\">\r\n <div class=\"select_detail\">\r\n <i @click.stop=\"menu2Btn(false)\"><返回</i>\r\n <div class=\"area-nav\">\r\n <p @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/service/characteristic' }\"\r\n >服务特色</router-link>\r\n </p>\r\n <p @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/service/periphery' }\"\r\n >园区周边</router-link>\r\n </p>\r\n <p @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/service/activities' }\"\r\n >园区活动</router-link>\r\n </p>\r\n <p @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/service/educate' }\"\r\n >园区培训</router-link>\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n <li @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/zhaoshang/list' }\"\r\n >招商政策</router-link>\r\n </li>\r\n <li @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/jobs/list' }\"\r\n >优质人才</router-link>\r\n </li>\r\n <!-- <li @click=\"menuBtn()\">-->\r\n <!-- <router-link-->\r\n <!-- exact-active-class=\"nav-active\"-->\r\n <!-- :to=\"{ path: '/finance/list' }\"-->\r\n <!-- >快递圈</router-link-->\r\n <!-- >-->\r\n <!-- </li>-->\r\n <li @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/company/list' }\"\r\n >知名企业</router-link>\r\n </li>\r\n <li @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/notice/list' }\"\r\n >园区通知</router-link>\r\n </li>\r\n <li @click=\"menuBtn()\">\r\n <router-link\r\n exact-active-class=\"nav-active\"\r\n :to=\"{ path: '/contact' }\"\r\n >联系我们</router-link>\r\n </li>\r\n </ul>\r\n <div class=\"menu\" style=\"display: none\" @click=\"menuBtn()\">\r\n <img\r\n v-if=\"menu == false\"\r\n src=\"~@/assets/images/menu.png\"\r\n alt=\"\"\r\n >\r\n <img v-if=\"menu\" src=\"~@/assets/images/menu-close.png\" alt=\"\">\r\n </div>\r\n </div>\r\n <div class=\"lang\"><span>EN</span></div>\r\n <div style=\"clear: both\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div><router-view /></div>\r\n <div class=\"footer\">\r\n <div class=\"mod_content\">\r\n <div class=\"con_del\">\r\n <h3 class=\"tip\">快速导航</h3>\r\n <div class=\"con_del_help\">\r\n <ul>\r\n <li>\r\n <router-link :to=\"{ path: '/about' }\">园区简介</router-link>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/service/characteristic' }\"\r\n >园区服务</router-link>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/zhaoshang/list' }\"\r\n >招商政策</router-link>\r\n </li>\r\n <li>\r\n <router-link :to=\"{ path: '/jobs/list' }\">优质人才</router-link>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/finance/list' }\"\r\n >快递圈</router-link>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/company/list' }\"\r\n >知名企业</router-link>\r\n </li>\r\n <li>\r\n <router-link\r\n :to=\"{ path: '/notice/list' }\"\r\n >园区通知</router-link>\r\n </li>\r\n <li>\r\n <router-link :to=\"{ path: '/contact' }\">联系我们</router-link>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"con_addr\">\r\n <div class=\"con_del_address\">\r\n <h3 class=\"tip\">联系方式</h3>\r\n <p style=\"\">\r\n 招商咨询：<br>{{ briefDetail.attractPhone }}<br>{{\r\n briefDetail.operatePhone\r\n }}<br>地址：<br>{{ briefDetail.address }}\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"content_scan\">\r\n <div>\r\n <h3 class=\"tip\">关注我们</h3>\r\n <img src=\"~@/assets/images/xiaochengxuxiao.jpg\" alt=\"\">\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"mod_copyright\">\r\n <div class=\"mod_copyright_con\">\r\n <div class=\"copyright_con_num\">\r\n <span\r\n class=\"copyright\"\r\n >COPYRIGHT ©2010-2020无锡苏南快递园<i\r\n style=\"display: inline-block; margin: 0 10px\"\r\n />\r\n <a\r\n href=\"https://beian.miit.gov.cn/\"\r\n target=\"_blank\"\r\n >苏ICP备11010502000501号</a>\r\n </span>\r\n <router-link :to=\"{ name: 'qtwo', query: { index: 3 } }\">\r\n 关于我们</router-link>\r\n <a href=\"#\">移动版</a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getBridf } from '@/service/api_service'\r\nexport default {\r\n name: 'Homepage',\r\n data() {\r\n return {\r\n menu: false, // 控制一级菜单 显示/隐藏\r\n show: false,\r\n briefDetail: {} // 控制二级菜单 显示/隐藏\r\n }\r\n },\r\n mounted() {\r\n this.getData()\r\n },\r\n methods: {\r\n getData() {\r\n getBridf({ groupId: '870261874875170816' }).then((res) => {\r\n if (res.data) {\r\n this.briefDetail = res.data\r\n }\r\n })\r\n },\r\n menuBtn() {\r\n if (this.menu == false) {\r\n this.menu = true\r\n } else {\r\n this.menu = false\r\n this.show = false\r\n }\r\n },\r\n menu2Btn(bo) {\r\n this.show = bo\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n/*屏幕像素大于1000px时的样式*/\r\n@media screen and (min-width: 1000px) {\r\n /*\r\n 顶部菜单---start\r\n */\r\n .apps {\r\n display: none;\r\n }\r\n .header {\r\n width: 100%;\r\n position: relative;\r\n background: #FFFFFF;\r\n /*box-shadow: 5px 0px 105px 0px rgba(225, 219, 219, 0.3);*/\r\n }\r\n .header_content {\r\n width: 1600px;\r\n margin: 0 auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n /*overflow: hidden;*/\r\n }\r\n .header_content:after {\r\n clear: both;\r\n }\r\n .header .logo {\r\n /*float: left;*/\r\n /*width: 25%;*/\r\n text-align: left;\r\n font-size: 30px;\r\n margin: 47px 0;\r\n color: rgba(51, 51, 51, 1);\r\n /*padding: 14px 0;*/\r\n vertical-align: middle;\r\n position: relative;\r\n }\r\n .logo span {\r\n font-weight: 600;\r\n font-size: 18px;\r\n position: absolute;\r\n margin-left: 2px;\r\n transform: translateY(75%);\r\n }\r\n .header .logo img {\r\n width: 60px;\r\n }\r\n .header .shortcut {\r\n /*float: left;*/\r\n /*margin-left: 10%;*/\r\n width: 62%;\r\n font-size: 22px;\r\n /*position: relative;*/\r\n }\r\n .header .app-menu {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n justify-content: center;\r\n /*position: relative;*/\r\n }\r\n .header .app-menu li {\r\n list-style: none;\r\n /*height: 28px;*/\r\n flex: 1;\r\n padding: 24px 10px;\r\n display: block;\r\n /*position: relative;*/\r\n }\r\n .header .app-menu li a,\r\n .header .app-menu div a {\r\n color: rgba(51, 51, 51, 1);\r\n font-size: 22px;\r\n }\r\n .header .app-menu li a:hover {\r\n color: rgba(75, 175, 227, 1) !important;\r\n }\r\n .lang {\r\n /*line-height: 100%;*/\r\n /*position: absolute;*/\r\n /*float: left;*/\r\n width: 3%;\r\n top: 0;\r\n }\r\n .lang span {\r\n display: block;\r\n width: 43px;\r\n height: 43px;\r\n border-radius: 50%;\r\n background: rgba(75, 175, 227, 1);\r\n line-height: 43px;\r\n color: #fff;\r\n font-size: 18px;\r\n /*transform: translateY(50%);*/\r\n cursor: pointer;\r\n }\r\n .second-menu {\r\n position: absolute;\r\n top: 6.1rem;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n margin: 0 auto;\r\n background: rgba(52, 53, 54, 0.6);\r\n z-index: 9999;\r\n overflow: hidden;\r\n display: none;\r\n }\r\n .second-menu a {\r\n color: #fff;\r\n }\r\n .second-menu > div {\r\n /*float: right;*/\r\n /*width: 72%;*/\r\n }\r\n .area-nav {\r\n float: right;\r\n width: 72%;\r\n }\r\n .select_detail {\r\n width: 1200px;\r\n margin: 1rem auto;\r\n overflow: hidden;\r\n }\r\n .select_detail div {\r\n display: flex;\r\n justify-content: left;\r\n flex-wrap: nowrap;\r\n }\r\n .select_detail div p {\r\n margin-right: 1rem;\r\n }\r\n .select_detail div p a {\r\n color: #fff !important;\r\n }\r\n .ser:hover .second-menu {\r\n display: block !important;\r\n }\r\n /*\r\n 顶部菜单---end\r\n */\r\n .footer {\r\n width: 100%;\r\n background-color: #5e55bc;\r\n overflow: hidden;\r\n }\r\n .mod_content {\r\n width: 1200px;\r\n margin: 120px auto;\r\n transform: translateY(0%);\r\n overflow: hidden;\r\n /*height: 450px;*/\r\n }\r\n .mod_content > div {\r\n float: left;\r\n height: 200px;\r\n width: 33.33%;\r\n }\r\n .tip {\r\n font-size: 24px !important;\r\n color: #fff !important;\r\n }\r\n .con_del {\r\n text-align: left;\r\n display: block;\r\n }\r\n .con_addr {\r\n position: relative;\r\n }\r\n .con_del_help ul {\r\n width: 50%;\r\n color: #fff;\r\n font-size: 16px;\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n .con_del_help ul li {\r\n min-width: 50%;\r\n max-width: 50%;\r\n color: #fff;\r\n font-size: 14px;\r\n text-align: left;\r\n margin-top: 18px;\r\n }\r\n .con_del_help ul li a {\r\n color: #fff;\r\n font-size: 1.1rem;\r\n }\r\n .con_del_address {\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 16px;\r\n text-align: left;\r\n margin-left: 40px;\r\n }\r\n .con_del_address {\r\n }\r\n .con_del_address p {\r\n color: #fff;\r\n font-size: 1.1rem;\r\n margin-top: 10px;\r\n line-height: 2rem;\r\n }\r\n .mod_copyright {\r\n width: 100%;\r\n height: 55px;\r\n background-color: #353676;\r\n }\r\n .content_scan {\r\n width: 555px;\r\n overflow: hidden;\r\n display: flex;\r\n text-align: left;\r\n position: relative;\r\n }\r\n .content_scan:before,\r\n .con_addr:before {\r\n content: \"\";\r\n height: 100%;\r\n width: 1px;\r\n background: #fff;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n }\r\n .content_scan div {\r\n margin-left: 40px;\r\n }\r\n .content_scan p {\r\n color: #fff;\r\n font-size: 12px;\r\n }\r\n .content_scan img {\r\n margin-top: 10px;\r\n width: 150px;\r\n }\r\n .mod_copyright {\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n .mod_copyright_con {\r\n width: 80%;\r\n height: 40px;\r\n line-height: 40px;\r\n margin: 5px auto;\r\n text-align: center;\r\n }\r\n .copyright_con_num {\r\n color: #fff;\r\n font-size: 12px;\r\n }\r\n .copyright_con_num a:hover {\r\n color: #ff6a00;\r\n }\r\n .company-addr-tip,\r\n .company-addr {\r\n float: left;\r\n }\r\n .company-addr-tip {\r\n width: 70px;\r\n }\r\n .company-addr {\r\n width: 80%;\r\n }\r\n .company-addr span {\r\n display: block;\r\n margin-bottom: 18px;\r\n text-align: left;\r\n }\r\n .copyright_con_num a {\r\n color: #fff;\r\n font-size: 12px;\r\n margin-left: 10px;\r\n }\r\n .copyright_con_num span {\r\n margin-left: 10px;\r\n }\r\n .copyright_con_num .copyright {\r\n margin-right: 70px;\r\n }\r\n}\r\n/*屏幕像素小于1000px时的样式*/\r\n@media screen and (max-width: 1000px) {\r\n .pc {\r\n display: none;\r\n }\r\n /*头部菜单*/\r\n .header {\r\n width: 100%;\r\n background: #c3c3c3;\r\n }\r\n .header_content {\r\n display: flex;\r\n /*align-items: center;*/\r\n /*justify-content: space-around;*/\r\n overflow: hidden;\r\n padding: 0 1rem;\r\n }\r\n .logo {\r\n /*float: left;*/\r\n }\r\n .logo span {\r\n display: none;\r\n }\r\n .logo img {\r\n width: 4rem;\r\n }\r\n .shortcut {\r\n /*position: relative;*/\r\n }\r\n .shortcut ul {\r\n display: block;\r\n width: 100%;\r\n position: absolute;\r\n top: 4.3rem;\r\n left: 0;\r\n background: #fff;\r\n height: 100%;\r\n text-align: left;\r\n z-index: 999;\r\n }\r\n .shortcut ul li {\r\n width: 90%;\r\n margin: 0.8rem auto 0 auto;\r\n color: #333;\r\n /*position: relative;*/\r\n }\r\n .shortcut ul li a {\r\n color: #333;\r\n font-size: 1.1rem;\r\n display: inline-block;\r\n position: relative;\r\n width: 100%;\r\n }\r\n /*.shortcut ul li:nth-child(3) > a:after{*/\r\n /* content: '';*/\r\n /* width: 0.6rem;*/\r\n /* height: 0.6rem;*/\r\n /* border-right: 1px solid #333;*/\r\n /* border-top: 1px solid #333;*/\r\n /* transform:rotate(45deg);*/\r\n /* position: absolute;*/\r\n /* right: 0rem;*/\r\n /* top: 0.8rem;*/\r\n /*}*/\r\n .shortcut ul li > a:after {\r\n content: \"\";\r\n width: 0.6rem;\r\n height: 0.6rem;\r\n border-right: 1px solid #333;\r\n border-top: 1px solid #333;\r\n transform: rotate(45deg);\r\n position: absolute;\r\n right: 0rem;\r\n top: 0.8rem;\r\n }\r\n .menu {\r\n display: block !important;\r\n }\r\n .menu img {\r\n width: 2rem;\r\n float: right;\r\n top: 1.1rem;\r\n position: relative;\r\n }\r\n .nav-active {\r\n color: #996eee !important;\r\n }\r\n .nav-active:after {\r\n border-right: 1px solid #996eee !important;\r\n border-top: 1px solid #996eee !important;\r\n }\r\n .lang {\r\n line-height: 100%;\r\n position: absolute;\r\n right: 4rem;\r\n top: 0.3rem;\r\n }\r\n .lang span {\r\n display: block;\r\n width: 30px;\r\n height: 30px;\r\n border-radius: 25px;\r\n line-height: 30px;\r\n color: #674fb0;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n transform: translateY(50%);\r\n cursor: pointer;\r\n }\r\n .second-menu {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n background: #fff;\r\n z-index: 999;\r\n height: 100%;\r\n }\r\n .select_detail {\r\n width: 90%;\r\n margin: 1rem auto;\r\n }\r\n .select_detail p {\r\n margin-top: 1rem;\r\n }\r\n .select_detail i {\r\n font-style: normal;\r\n font-size: 1.1rem;\r\n }\r\n /*底部菜单*/\r\n .footer {\r\n width: 100%;\r\n background-color: #5e55bc;\r\n overflow: hidden;\r\n }\r\n .mod_copyright {\r\n width: 100%;\r\n height: 4rem;\r\n background-color: #353676;\r\n }\r\n .con_del {\r\n display: none;\r\n }\r\n .con_del_address p {\r\n display: inline-block;\r\n margin-bottom: 1rem;\r\n text-align: left;\r\n width: 95%;\r\n line-height: 1.6rem;\r\n }\r\n .con_addr {\r\n border-bottom: 1px solid #fff;\r\n width: 90%;\r\n margin: 1rem auto;\r\n color: #fff;\r\n font-size: 1rem;\r\n }\r\n .copyright_con_num > a {\r\n display: none;\r\n color: #fff;\r\n }\r\n .content_scan {\r\n color: #fff;\r\n font-size: 1rem;\r\n padding-bottom: 1rem;\r\n }\r\n .content_scan img {\r\n width: 5rem;\r\n }\r\n .tip {\r\n margin: 1rem 0;\r\n }\r\n .copyright_con_num {\r\n font-size: 0.8rem;\r\n color: #dedede;\r\n padding-top: 1rem;\r\n }\r\n .copyright_con_num i {\r\n margin-top: 1rem;\r\n display: block !important;\r\n color: #dedede;\r\n }\r\n .copyright_con_num span a {\r\n color: #dedede;\r\n font-size: 0.8rem;\r\n display: block;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
