{"id":2590,"date":"2022-12-13T16:27:32","date_gmt":"2022-12-13T08:27:32","guid":{"rendered":"https:\/\/www.hbygxx.com\/?page_id=2590"},"modified":"2023-08-28T15:42:04","modified_gmt":"2023-08-28T07:42:04","slug":"%e4%b8%bb%e8%90%a5%e4%b8%9a%e5%8a%a12","status":"publish","type":"page","link":"https:\/\/www.hbygxx.com\/?page_id=2590","title":{"rendered":"\u4e3b\u8425\u4e1a\u52a12"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>\u4e3b\u8425\u4e1a\u52a1<\/title>\n  <script src=\"https:\/\/www.hbygxx.com\/wp-content\/uploads\/yxVue2.js\"><\/script>\n  <style>\n    body {\n      margin: 0;\n      padding: 0;\n    }\n    #mainFunc {\n      width: 100%;\n      background-color: white;\n      scroll-behavior: smooth;\n    }\n    #mainFunc a {\n      text-decoration: none;\n    }\n    #mainFunc p {\n      text-indent: 0;\n    }\n    #mainFunc .whiteBox .rowBox {\n      width: 1400px;\n      height: 300px;\n      margin: 20px auto;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    #mainFunc .whiteBox .rowBox .leftBox {\n      width: 35%;\n    }\n    #mainFunc .whiteBox .rowBox .leftBox .tit {\n      color: #333;\n      font-size: 26px;\n      font-weight: 800;\n      font-style: italic;\n      line-height: 80px;\n      margin: 0;\n      padding: 0;\n    }\n    #mainFunc .whiteBox .rowBox .leftBox .sub-tit {\n      color: #333;\n      font-size: 16px;\n      line-height: 30px;\n      margin: 0;\n      padding: 0;\n    }\n    #mainFunc .whiteBox .rowBox .rightBox {\n      width: 55%;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n    }\n    #mainFunc .whiteBox .rowBox .rightBox .col-btn:hover {\n      background-color: #fbfbfb;\n    }\n    #mainFunc .whiteBox .rowBox .rightBox .col-btn {\n      margin-left: 20px;\n      width: 170px;\n      height: 200px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n    #mainFunc .whiteBox .rowBox .rightBox .col-btn .logo {\n      width: 100px;\n    }\n    #mainFunc .whiteBox .rowBox .rightBox .col-btn .name {\n      margin-top: 20px;\n      text-align: center;\n      color: #333;\n      font-size: 15px;\n      font-weight: 600;\n    }\n    #mainFunc .f5Box {\n      width: 100%;\n      height: 340px;\n      background-color: #fbfbfb;\n    }\n    #mainFunc .f5Box .rowBox {\n      width: 1400px;\n      height: 300px;\n      margin: 20px auto;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    #mainFunc .f5Box .rowBox .leftBox {\n      width: 35%;\n    }\n    #mainFunc .f5Box .rowBox .leftBox .tit {\n      color: #333;\n      font-size: 26px;\n      font-weight: 800;\n      font-style: italic;\n      line-height: 80px;\n      margin: 0;\n      padding: 0;\n    }\n    #mainFunc .f5Box .rowBox .leftBox .sub-tit {\n      color: #333;\n      font-size: 16px;\n      line-height: 30px;\n      margin: 0;\n      padding: 0;\n    }\n    #mainFunc .f5Box .rowBox .rightBox {\n      width: 55%;\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n    }\n    #mainFunc .f5Box .rowBox .rightBox .col-btn:hover {\n      background-color: white;\n    }\n    #mainFunc .f5Box .rowBox .rightBox .col-btn {\n      margin-left: 20px;\n      width: 170px;\n      height: 200px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n    }\n    #mainFunc .f5Box .rowBox .rightBox .col-btn .logo {\n      width: 100px;\n    }\n    #mainFunc .f5Box .rowBox .rightBox .col-btn .name {\n      margin-top: 20px;\n      text-align: center;\n      color: #333;\n      font-size: 15px;\n      font-weight: 600;\n    }\n  <\/style>\n\n\n  <div id=\"mainFunc\">\n    <div class=\"whiteBox\" id=\"scroll-page1\">\n      <div class=\"rowBox\">\n        <div class=\"leftBox\">\n          <p class=\"tit\">{{gyNetwork.tit}}<\/p>\n          <p class=\"sub-tit\">{{gyNetwork.sub_tit}}<\/p>\n        <\/div>\n        <div class=\"rightBox\">\n          <div class=\"col-btn\" v-for=\"item in gyNetwork.btnList\" :key=\"item.name\">\n            <img :src=\"item.logo\" class=\"logo\">\n            <p class=\"name\">{{item.name}}<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"f5Box\" id=\"scroll-page2\">\n      <div class=\"rowBox\">\n        <div class=\"leftBox\">\n          <p class=\"tit\">{{projectMake.tit}}<\/p>\n          <p class=\"sub-tit\">{{projectMake.sub_tit}}<\/p>\n        <\/div>\n        <div class=\"rightBox\">\n          <div class=\"col-btn\" v-for=\"item in projectMake.btnList\" :key=\"item.name\">\n            <img :src=\"item.logo\" class=\"logo\" style=\"width: 90px;\">\n            <p class=\"name\">{{item.name}}<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"whiteBox\" id=\"scroll-page3\">\n      <div class=\"rowBox\">\n        <div class=\"leftBox\">\n          <p class=\"tit\">{{servicePower.tit}}<\/p>\n          <p class=\"sub-tit\">{{servicePower.sub_tit}}<\/p>\n        <\/div>\n        <div class=\"rightBox\">\n          <div class=\"col-btn\" v-for=\"item in servicePower.btnList\" :key=\"item.name\">\n            <img :src=\"item.logo\" class=\"logo\" style=\"width: 90px;\">\n            <p class=\"name\">{{item.name}}<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"f5Box\" id=\"scroll-page4\" style=\"height: 480px;\">\n      <div class=\"rowBox\" style=\"height: 440px;\">\n        <div class=\"leftBox\">\n          <p class=\"tit\">{{yjPower.tit}}<\/p>\n          <p class=\"sub-tit\">{{yjPower.sub_tit}}<\/p>\n        <\/div>\n        <div class=\"rightBox\" style=\"flex-wrap: wrap;\">\n          <div class=\"col-btn\" v-for=\"item in yjPower.btnList\" :key=\"item.name\">\n            <img :src=\"item.logo\" class=\"logo\">\n            <p class=\"name\">{{item.name}}<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"whiteBox\" id=\"scroll-page5\">\n      <div class=\"rowBox\" style=\"height: 440px;\">\n        <div class=\"leftBox\">\n          <p class=\"tit\">{{rjPower.tit}}<\/p>\n          <p class=\"sub-tit\">{{rjPower.sub_tit}}<\/p>\n        <\/div>\n        <div class=\"rightBox\" style=\"flex-wrap: wrap; height: 400px;\">\n          <div class=\"col-btn\" v-for=\"item in rjPower.btnList\" :key=\"item.name\" style=\"width: 300px;height: 200px;\">\n            <img :src=\"item.logo\" class=\"logo\" style=\"width: 130px;\">\n            <p class=\"name\">{{item.name}}<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <script>\n    var app = new Vue({\n      el: '#mainFunc',\n      mounted() {\n        let that = this\n        this.$nextTick(() => {\n          that.clickHead(2)\n        })\n      },\n      data: {\n        headList: [\n          { name: '\u5de5\u4e1a\u4e92\u8054\u7f51', isActive: true, scrollID: 'scroll-page1' },\n          { name: '\u9879\u76ee\u5efa\u8bbe', isActive: false, scrollID: 'scroll-page2' },\n          { name: '\u670d\u52a1\u80fd\u529b', isActive: false, scrollID: 'scroll-page3' },\n          { name: '\u786c\u4ef6\u4ea7\u54c1', isActive: false, scrollID: 'scroll-page4' },\n          { name: '\u8f6f\u4ef6\u4ea7\u54c1', isActive: false, scrollID: 'scroll-page5' },\n          \/\/ { name: '\u670d\u52a1\u5e73\u53f0', isActive: false, scrollID: 'scroll-page6' },\n        ],\n        gyNetwork:\n        {\n          tit: '\u5de5\u4e1a\u4e92\u8054\u7f51',\n          sub_tit: '\u5de5\u4e1a\u4e92\u8054\u7f51\u6807\u8bc6\u89e3\u6790\u5e73\u53f0\u7d2f\u8ba1\u6ce8\u518c\u4f01\u4e1a52\u5bb6\uff0c\u6807\u8bc6\u6ce8\u518c\u91cf3904\u4e07\u4e2a\uff0c\u6807\u8bc6\u89e3\u6790\u91cf33826\u4e07\u6b21\u30022022\u5e74\u65b0\u589e\u6ce8\u518c\u4f01\u4e1a31\u5bb6\uff0c\u65b0\u589e\u6807\u8bc6\u6ce8\u518c\u91cf2891\u4e07\u4e2a\uff0c\u65b0\u589e\u6807\u8bc6\u89e3\u6790\u91cf23069\u4e07\u6761\uff08\u622a\u6b622022\u5e7410\u670813\u65e5\uff09\u3002',\n          btnList: [\n            { name: '\u6807\u8bc6\u89e3\u6790\u5e73\u53f0\u5efa\u8bbe', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/func_logo1.png' },\n            { name: '\u4e91\u8d44\u6e90\u670d\u52a1', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/fun_logo2.png' },\n            { name: '\u5b89\u5168\u9632\u62a4', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/func_logo3.png' }\n          ]\n        },\n        servicePower:\n        {\n          tit: '\u670d\u52a1\u80fd\u529b',\n          sub_tit: '\u6839\u636e\u653f\u5e9c\u3001\u4f01\u4e1a\u5ba2\u6237\u9700\u6c42\uff0c\u8fdb\u884c\u5b9a\u5236\u5316\u7684\u8f6f\u4ef6\u7cfb\u7edf\u5f00\u53d1\u670d\u52a1\uff0c\u6ee1\u8db3\u5ba2\u6237\u7684\u591a\u79cd\u4e1a\u52a1\u9700\u6c42;\u9488\u5bf9\u5ba2\u6237\u7684\u786c\u4ef6\u8bbe\u5907\u5b9a\u671f\u5de1\u68c0\uff0c\u964d\u4f4e\u786c\u4ef6\u7684\u6545\u969c\u7387\uff1b\u9488\u5bf9\u5ba2\u6237\u7684\u8f6f\u4ef6\u7cfb\u7edf\u63d0\u4f9b\u76d1\u63a7\u670d\u52a1\uff0c\u4fdd\u969c\u7cfb\u7edf\u7684\u53ef\u7528\u6027;\u6839\u636e\u5ba2\u6237\u7684\u5b9e\u9645\u9700\u6c42\uff0c\u63d0\u4f9b\u5bf9\u539f\u59cb\u6570\u636e\u7684\u6316\u6398\u3001\u6e05\u6d17\u3001\u52a0\u5de5\u3001\u6bd4\u5bf9\u5206\u6790\u7b49\u670d\u52a1\uff0c\u5e2e\u52a9\u5ba2\u6237\u5b9e\u73b0\u6570\u636e\u8d28\u91cf\u7684\u63d0\u5347\uff0c\u53d1\u6398\u6570\u636e\u7684\u6f5c\u5728\u4ef7\u503c;\u5305\u62ec\u751f\u7269\u8bc6\u522b\u6280\u672f\u3001\u673a\u5668\u4eba\u7b97\u6cd5\u670d\u52a1\u3001\u673a\u5668\u89c6\u89c9\u7b49\u65b9\u9762\u7684\u670d\u52a1\u3002',\n          btnList: [\n            { name: '\u6280\u672f\u7814\u53d1', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u6280\u672f\u7814\u53d1.png' },\n            { name: '\u6280\u672f\u8fd0\u7ef4', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u6280\u672f\u8fd0\u7ef4.png' },\n            { name: '\u6570\u636e\u8fd0\u8425', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u6570\u636e\u8fd0\u8425.png' },\n            { name: '\u4eba\u5de5\u667a\u80fd', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u4eba\u5de5\u667a\u80fd1.png' }\n          ]\n        },\n        projectMake:\n        {\n          tit: '\u9879\u76ee\u5efa\u8bbe',\n          sub_tit: '\u5229\u7528\u516c\u53f8\u6280\u672f\u8d44\u6e90\u3001\u56e2\u961f\u80fd\u529b\uff0c\u627f\u63a5\u8944\u9633\u5e02\u653f\u52a1\u5404\u804c\u80fd\u90e8\u95e8\u7684\u4fe1\u606f\u5316\u96c6\u6210\u9879\u76ee\u5efa\u8bbe;\u5728\u4f01\u4e1a\u4ea7\u54c1\u7684\u8bbe\u8ba1\u3001\u5f00\u53d1\u3001\u751f\u4ea7\u3001\u7ba1\u7406\u3001\u7ecf\u8425\u7b49\u591a\u4e2a\u73af\u8282\u4e2d\u6839\u636e\u5ba2\u6237\u7684\u9700\u6c42\uff0c\u5229\u7528\u4fe1\u606f\u6280\u672f\u6765\u5e2e\u52a9\u4f01\u4e1a\u8f85\u52a9\u751f\u4ea7\u5236\u4f5c\uff0c\u4f18\u5316\u751f\u4ea7\u6d41\u7a0b\u7b49\u3002',\n          btnList: [\n            { name: '\u653f\u52a1\u4fe1\u606f\u5316', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u653f\u52a1\u4fe1\u606f\u5316.png' },\n            { name: '\u4f01\u4e1a\u4fe1\u606f\u5316', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u4f01\u4e1a\u4fe1\u606f\u5316.png' }\n          ]\n        },\n        yjPower:\n        {\n          tit: '\u786c\u4ef6\u4ea7\u54c1',\n          sub_tit: '\u8d85\u58f0\u6ce2\u6db2\u4f4d\u4f20\u611f\u5668\u3001\u6fc0\u5149\u6d4b\u8ddd\u4f20\u611f\u5668\u3001\u6e29\u6e7f\u5ea6\u4f20\u611f\u5668\u3001PH\u4f20\u611f\u5668\u3001\u9152\u7cbe\u4f20\u611f\u5668\u3001\u95e8\u78c1\u4f20\u611f\u5668\u3001\u7ea2\u5916\u4f53\u611f\u6d3b\u52a8\u68c0\u6d4b\u4f20\u611f\u5668\u7b49\u3002',\n          btnList: [\n            { name: '\u6e29\u6e7f\u5ea6\u4f20\u611f\u5668', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef61.png' },\n            { name: 'PH\u4f20\u611f\u5668', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef62.png' },\n            { name: '\u8d85\u58f0\u6ce2\u6db2\u4f4d\u4f20\u611f\u5668', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef63.png' },\n            { name: '\u95e8\u78c1\u4f20\u611f\u5668', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef64.png' },\n            { name: 'GPS\u5b9a\u4f4d', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef65.png' },\n            { name: '\u6fc0\u5149\u6d4b\u8ddd\u4f20\u611f\u5668', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef66.png' },\n            { name: '\u7535\u5b50\u6c34\u5c3a', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u786c\u4ef67.png' }\n          ]\n        },\n        rjPower:\n        {\n          tit: '\u8f6f\u4ef6\u4ea7\u54c1',\n          sub_tit: '\u57ce\u5e02\u4e4b\u773c\u89c6\u9891\u6d41\u7b97\u6cd5\u3001\u4eba\u8138\u8bc6\u522b\u7b97\u6cd5\u3001\u673a\u5668\u89c6\u89c9\u7b97\u6cd5\u3001GPS\u5b9a\u4f4d\u7cfb\u7edf\u3001\u7a96\u6c60\u53d1\u9175\u667a\u80fd\u76d1\u6d4b\u7cfb\u7edf\u3001\u677e\u82b1\u86cb\u814c\u5236\u6599\u6db2\u667a\u80fd\u76d1\u6d4b\u7cfb\u7edf\u3001\u56fa\u5b9a\u8d44\u4ea7\u7ba1\u7406\u7cfb\u7edf\u7b49\u3002',\n          btnList: [\n            { name: '\u7a96\u6c60\u53d1\u9175\u667a\u80fd\u76d1\u6d4b\u7cfb\u7edf', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u8f6f\u4ef611.png' },\n            { name: '\u677e\u82b1\u86cb\u814c\u5236\u6599\u6db2\u667a\u80fd\u76d1\u6d4b\u7cfb\u7edf', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u8f6f\u4ef622.png' },\n            { name: '\u9879\u76ee\u7ba1\u7406\u7cfb\u7edf', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u8f6f\u4ef633.png' },\n            { name: '\u57ce\u5e02\u5185\u6d9d\u7ba1\u7406\u7cfb\u7edf', logo: 'https:\/\/www.hbygxx.com\/wp-content\/uploads\/2022\/11\/\u8f6f\u4ef644.png' }\n          ]\n        },\n      },\n      methods: {\n        clickHead(idx) {\n          this.headList.forEach((item, index) => {\n            let isActive = idx == index\n            item.isActive = isActive\n          })\n          let item = this.headList[idx]\n          let scroll = document.getElementById(item.scrollID)\n          scroll.scrollIntoView()\n        },\n      }\n    })\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4e3b\u8425\u4e1a\u52a1 {{gyNetwork.tit}} {{gyNetwork.sub_tit}} {{item.nam&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"class_list":["post-2590","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2590"}],"version-history":[{"count":3,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2590\/revisions"}],"predecessor-version":[{"id":3108,"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=\/wp\/v2\/pages\/2590\/revisions\/3108"}],"wp:attachment":[{"href":"https:\/\/www.hbygxx.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}