{"id":8212,"date":"2024-07-11T13:45:06","date_gmt":"2024-07-11T05:45:06","guid":{"rendered":"https:\/\/portal.heliov.net\/?page_id=8212"},"modified":"2024-11-22T09:38:54","modified_gmt":"2024-11-22T01:38:54","slug":"%e9%a6%96%e9%a1%b5-%e8%bf%ad%e4%bb%a3%e4%ba%8c","status":"publish","type":"page","link":"https:\/\/portal.heliov.net\/","title":{"rendered":"\u9996\u9875-\u8fed\u4ee3\u4e8c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8212\" class=\"elementor elementor-8212\">\n\t\t\t\t<div class=\"elementor-element elementor-element-672ac8a9 e-con-full e-flex e-con e-parent\" data-id=\"672ac8a9\" data-element_type=\"container\" id=\"shouye-banner\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0052e6 elementor-widget elementor-widget-html\" data-id=\"c0052e6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n\r\n    <style scoped>\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        #home-banner {\r\n            \/* height: 4100px; *\/\r\n        }\r\n\r\n        .sticky-video {\r\n            position: absolute;\r\n            \/* \u521d\u59cb\u4f4d\u7f6e *\/\r\n\r\n            \/* \u521d\u59cb\u65f6\u7d27\u8d34\u5728\u9876\u90e8 *\/\r\n            width: 100%;\r\n            \/* \u6839\u636e\u9700\u8981\u8bbe\u7f6e\u89c6\u9891\u7684\u5bbd\u5ea6 *\/\r\n            transition: top 0.3s ease;\r\n            \/* \u53ef\u9009\uff0c\u6dfb\u52a0\u5e73\u6ed1\u8fc7\u6e21\u6548\u679c *\/\r\n        }\r\n\r\n        .sticky-video.is-sticky {\r\n            position: fixed;\r\n            \/* \u6eda\u52a8\u540e\u56fa\u5b9a\u4f4d\u7f6e *\/\r\n            top: 0;\r\n            \/* \u56fa\u5b9a\u5728\u9876\u90e8 *\/\r\n        }\r\n\r\n        .svg-content {\r\n            width: 100%;\r\n            height: 100vh;\r\n            overflow: hidden;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 2;\r\n\r\n            .cls-1 {\r\n\r\n                fill: #fff\r\n            }\r\n        }\r\n\r\n        .svg-bg-content {\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n            height: calc(100vh - 0px);\r\n            overflow: hidden;\r\n           \r\n            border-style: solid;\r\n            border-top-width: 30vh;\r\n            border-bottom-width: 24.5vh;\r\n            border-left-width: 25vw;\r\n            border-right-width: 25vw;\r\n            left: 0;\r\n\r\n            \/* transform: translate(-50%, -50%); *\/\r\n        }\r\n\r\n        .svg-bg {\r\n            box-sizing: border-box;\r\n            height: 100%;\r\n            width: 100%;\r\n        }\r\n\r\n\r\n        \/* \u5176\u4ed6\u6837\u5f0f\uff0c\u5982\u89c6\u9891\u7684\u9ad8\u5ea6\u3001\u8fb9\u6846\u7b49 *\/\r\n        video {\r\n            width: 100%;\r\n            height: auto;\r\n            \/* \u4fdd\u6301\u89c6\u9891\u7684\u539f\u59cb\u9ad8\u5bbd\u6bd4 *\/\r\n        }\r\n\r\n        .font-content {\r\n            z-index: 2;\r\n            position: relative;\r\n            top: -200px;\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n            text-align: center;\r\n\r\n            .headline {\r\n                font-weight: 600;\r\n                font-size: 60px;\r\n                color: #222222;\r\n                line-height: 73px;\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .subheading {\r\n                font-size: 30px;\r\n                line-height: 48px;\r\n                color: #999;\r\n                margin-bottom: 281px;\r\n            }\r\n\r\n\r\n            .number-content {\r\n                width: 100%;\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                box-sizing: border-box;\r\n\r\n                .number-item {\r\n                    box-sizing: border-box;\r\n                    height: 100px;\r\n                    border-bottom: 1px solid #D8D8D8;\r\n                    display: flex;\r\n                    justify-content: space-between;\r\n\r\n                    .font-num {\r\n                        font-size: 80px;\r\n                        line-height: 80px;\r\n                        font-weight: 900;\r\n                        color: #F84914;\r\n                    }\r\n\r\n                    .font-chart {\r\n                        font-size: 24px;\r\n                        line-height: 64px;\r\n                        font-weight: 600;\r\n                        color: #222222;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        #FICS-internet-vehicles0725 {\r\n            position: relative;\r\n            height: 1229px;\r\n            width: 100%;\r\n\r\n            \/* background: url(\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u8499\u7248\u7ec4-199@1x.png\") no-repeat;\r\n            background-size: contain; *\/\r\n            .btn-icon {\r\n                position: absolute;\r\n                height: 30px;\r\n                width: 30px;\r\n                background: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/\u7ec4-1767@1x.png') no-repeat;\r\n                background-position: center center;\r\n                cursor: pointer;\r\n                z-index: 1;\r\n            }\r\n\r\n            .ground-glass {\r\n                position: absolute;\r\n                border-radius: 8px;\r\n                padding: 17px 19px;\r\n                background: rgba(255, 255, 255, 0.2);\r\n                box-sizing: border-box;\r\n                border: 1px solid #FFFFFF;\r\n                backdrop-filter: blur(10px);\r\n                color: #222222;\r\n                font-size: 18px;\r\n                line-height: 28px;\r\n            }\r\n\r\n            .helianzhiyun {\r\n                position: absolute;\r\n                width: 100px;\r\n                height: 30px;\r\n                border-radius: 319px;\r\n                background: rgba(248, 73, 20, 0.1);\r\n                font-size: 16px;\r\n                font-weight: 350;\r\n                line-height: 28px;\r\n                color: #F84914;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n\r\n        }\r\n    <\/style>\r\n    <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/vue.js\"><\/script>\r\n    <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/clamp.js\"><\/script>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <div id=\"home-banner\">\r\n        <div :style=\"{position: 'relative', height: `calc(${svgOffset}px + 100vh)`}\" ref=\"targetDiv\">\r\n            <div class=\"sticky-video\" :class=\"{ 'is-sticky': isSticky }\" :style=\"isSticky?{top: 0}:{top:0}\">\r\n                <video src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/07\/\u9996\u9875\u89c6\u9891.mp4\" muted=\"muted\"\r\n                    webkit-playsinline=\"\" playsinline=\"\" autoplay=\"autoplay\" loop\r\n                    poster=\"http:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/wp-content\/uploads\/2024\/09\/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20240912141732.png\">\r\n                <\/video>\r\n            <\/div>\r\n            <div class=\"svg-content\" :style=\"svgContentStyle\">\r\n                <svg  ref=\"svgLogo\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n                version=\"1.1\" width=\"1920\" height=\"1040\" viewBox=\"0 0 1920 1040\" :style=\"svgStyle\">\r\n              \r\n                <g  >\r\n                    <g>\r\n                    <path d=\"M0,0L1920,0L1920,1040L0,1040L0,0Z\" fill=\"#FFFFFF\" fill-opacity=\"1\"\/>\r\n                    <\/g><g><g><g>\r\n                    <path d=\"M684.0925214,595.9531025390625C683.453038,599.5381025390625,686.20975,602.8301025390625,689.85163,602.8301025390625L716.4895,602.8301025390625C719.3197,602.8301025390625,721.744,600.8041025390626,722.2466,598.0191025390625L732.4996,541.2001025390625C732.8347,539.3431025390626,734.4509,537.9921025390624,736.3376,537.9921025390624L795.289,537.9921025390624C796.671,537.9921025390624,798.0070000000001,537.5041025390625,799.063,536.6131025390625L830.891,509.7452025390625C832.28,508.5727025390625,831.451,506.3051025390625,829.633,506.3051025390625L743.5226,506.3051025390625C741.1159,506.3051025390625,739.2836,504.1466025390625,739.6744,501.7718025390625L744.7283,471.0593025390625C745.0384,469.1752025390625,746.6671,467.7926025390625,748.5766,467.7926025390625L809.914,467.7926025390625C811.296,467.7926025390625,812.6320000000001,467.3038025390625,813.688,466.4128025390625L845.516,439.5451725390625C846.905,438.3726825390625,846.076,436.1051025390625,844.258,436.1051025390625L717.5023,436.1051025390625C714.6677,436.1051025390625,712.2409,438.1373225390625,711.7432,440.9278925390625L684.0925214,595.9531025390625Z\" fill=\"#E60013\" fill-opacity=\"1\"\/><\/g><g><path d=\"M840.5500588109375,595.9742619628906C839.9251397109375,599.5532619628906,842.6796437109375,602.8302619628906,846.3128737109375,602.8302619628906L872.4794037109375,602.8302619628906C875.3139037109376,602.8302619628906,877.7405037109374,600.7982619628906,878.2384037109375,598.0072619628907L899.8154037109375,477.08658196289065C900.1377037109376,475.2806709628906,898.0148037109375,474.0694369628906,896.6241037109374,475.26573396289064L857.0281037109376,509.32686196289063C856.0015037109375,510.2098619628906,855.3131037109375,511.42166196289065,855.0802037109376,512.7555619628906L840.5500588109375,595.9742619628906Z\" fill=\"#E60013\" fill-opacity=\"1\"\/><\/g><g><path d=\"M860.72362415625,482.50817202148437C860.41903765625,484.30187202148437,862.51941765625,485.4985720214844,863.90713765625,484.3219720214844L903.07264765625,451.11647202148436C904.11054765625,450.23647202148436,904.80924765625,449.02227202148435,905.04844765625,447.6826720214844L906.29704765625,440.69065202148437C906.72394765625,438.3002220214844,904.88604765625,436.1050720214844,902.45774765625,436.1050720214844L873.54374765625,436.1050720214844C870.69079765625,436.1050720214844,868.25393765625,438.16301202148435,867.77630765625,440.97569202148435L860.72362415625,482.50817202148437Z\" fill=\"#E60013\" fill-opacity=\"1\"\/><\/g><g><path d=\"M934.5888092285156,481.81456577148435C909.7395092285157,519.7288657714844,911.1481892285157,565.7651657714844,935.9278092285156,591.6261657714844L964.6360092285156,562.9901657714844C952.2130092285156,549.5871657714844,950.2673092285156,525.7365657714844,961.2316092285156,504.2152657714844C974.4791092285157,478.2123657714844,1001.5568092285156,465.45676577148436,1021.7112092285156,475.7247657714844C1024.4022092285156,477.0956657714844,1026.8332092285157,478.8076657714844,1028.9952092285157,480.8071657714844L1048.3282092285156,445.5315657714844C1013.5740092285156,422.75336577148437,962.6511092285157,438.9978457714844,934.5888092285156,481.81456577148435ZM1039.3042092285157,494.15126577148436C1038.9652092285155,494.80026577148436,1039.4352092285155,495.5773657714844,1040.1682092285157,495.5775657714844L1074.4292092285157,495.58806577148437C1076.1872092285157,495.5886657714844,1077.5492092285156,494.02086577148435,1077.2652092285157,492.28596577148437C1075.0102092285156,478.5150657714844,1069.4162092285155,465.9897657714844,1060.6272092285155,456.1346657714844C1060.1792092285157,455.63266577148437,1059.3662092285156,455.73486577148435,1059.0542092285157,456.33106577148436L1039.3042092285157,494.15126577148436ZM945.6940092285156,599.9071657714844C946.0284092285157,600.1361657714843,946.3657092285156,600.3611657714844,946.7058092285156,600.5841657714843C959.6016092285156,609.0361657714843,975.8173092285156,612.4411657714844,992.3585092285157,610.1701657714843C1018.9042092285156,606.5261657714843,1043.7342092285157,589.7981657714844,1060.4452092285155,564.3011657714844C1062.6272092285155,560.9731657714843,1064.6062092285156,557.5821657714844,1066.3852092285156,554.1471657714844C1067.3692092285155,552.2461657714844,1065.9622092285156,550.0201657714844,1063.8222092285157,550.0201657714844L1032.0112092285156,550.0171657714843C1030.1202092285157,550.0171657714843,1028.3582092285155,550.9431657714844,1027.1912092285156,552.4311657714844C1013.8312092285156,569.4641657714844,993.9147092285157,577.4011657714843,977.4882092285156,571.5101657714844C976.7726092285156,571.2531657714844,975.9784092285156,571.4041657714844,975.4247092285157,571.9251657714844L945.6940092285156,599.9071657714844Z\" fill=\"#000000\" fill-opacity=\"1\"\/><\/g><g><path d=\"M789.4766733007813,656.4069999999999C815.3561833007813,682.082,896.6723833007812,642.077,971.1023833007812,567.054C1045.5323833007812,492.031,1084.8903833007812,410.3991,1059.0103833007813,384.72431C1056.6133833007812,382.34636,1053.5983833007813,380.45557,1050.1663833007813,379.17819C1032.8163833007811,372.71997,1003.5683833007813,380.81008,969.1733833007812,400.96C968.0833833007812,401.5984,969.5883833007813,404.0904,970.7513833007813,403.596C998.2823833007812,391.8846,1021.8583833007813,390.2875,1032.3353833007814,400.682C1056.0443833007812,424.2037,1024.3133833007812,494.629,961.4613833007812,557.982C898.6103833007812,621.335,828.4383833007812,653.625,804.7291833007813,630.1030000000001C802.1833833007812,627.577,800.1861833007813,624.342,798.8878833007813,620.641C794.6665833007812,608.607,797.3605833007813,590.795,806.2028833007812,569.907C806.6951833007812,568.744,804.4207833007813,567.454,803.8002833007813,568.554C784.8180433007813,602.196,777.4132433007812,630.698,783.8605033007813,647.608C785.1651033007812,651.029,787.0797633007812,654.029,789.4766733007813,656.4069999999999Z\" fill-rule=\"evenodd\" fill=\"#000000\" fill-opacity=\"1\"\/><\/g><g><path d=\"M1078.020035940703,561.9195903320312C1077.7863782207032,580.0755903320312,1090.4333762207032,609.6555903320312,1142.0916762207032,609.6555903320312C1195.7168762207032,610.6305903320313,1223.991876220703,572.6055903320313,1223.0168762207031,555.5425903320313C1223.0168762207031,541.4055903320312,1219.6038762207031,515.5675903320313,1169.3916762207032,509.23009033203124C1141.604176220703,505.8175903320313,1131.854176220703,498.29259033203124,1131.854176220703,489.73009033203124C1131.854176220703,479.0050903320313,1144.041676220703,470.47379033203123,1155.741676220703,468.28009033203125C1175.8591762207031,464.53729033203126,1194.180876220703,470.67229033203125,1195.624876220703,485.82319033203123C1195.7268762207032,486.89529033203127,1196.5808762207032,487.78009033203125,1197.6578762207032,487.78009033203125L1231.518876220703,487.78009033203125C1233.596876220703,487.78009033203125,1235.3018762207032,486.11589033203126,1235.278876220703,484.0378903320312C1234.973876220703,456.67879033203127,1215.614876220703,436.59259033203125,1170.366676220703,436.59259033203125C1123.0791762207032,436.59259033203125,1089.4416762207031,468.28009033203125,1091.3916762207032,495.09259033203125C1092.122976220703,507.03639033203126,1097.9322762207032,518.3372903320312,1109.429176220703,525.3175903320313C1123.0791762207032,533.6050903320313,1138.1916762207031,534.8238903320313,1160.1291762207031,539.9425903320313C1204.0038762207032,550.1795903320312,1173.291676220703,578.9425903320313,1152.3291762207032,578.9425903320313C1136.7393762207032,578.9425903320313,1122.065276220703,576.6535903320313,1118.5103762207032,560.0975903320312C1118.309576220703,559.1625903320312,1117.5119762207032,558.4675903320312,1116.5554762207032,558.4675903320312L1081.7392062207032,558.4675903320312C1079.751966220703,558.4675903320312,1078.045609920703,559.9325903320313,1078.020035940703,561.9195903320312Z\" fill=\"#000000\" fill-opacity=\"1\"\/><\/g><\/g><\/g>\r\n                <\/g>\r\n                    \r\n                    \r\n            <\/svg>\r\n            \r\n            <\/div>\r\n            <!-- \u5e26\u8fb9\u6846 v-show=\"scrollTop>=800\" -->\r\n            <!-- <div class=\"svg-bg-content\" :style=\"{...svgBgStyle.svgContent,...positionStyle}\">\r\n            <\/div> -->\r\n            <!-- \u80cc\u666f\u8272 -->\r\n            <!-- <div class=\"svg-bg\" :style=\"{...svgBgStyle.svgBg,...positionStyle}\"><\/div> -->\r\n\r\n        <\/div>\r\n        <div class=\"font-content\">\r\n            <div class=\"headline\">\r\n                FICS \u5de5\u4e1a\u8f66\u8f86\u4ea7\u4e1a\u95e8\u6237\r\n            <\/div>\r\n            <div class=\"subheading\">\r\n                \u9a71\u52a8\u5de5\u4e1a\u8f66\u8f86\u667a\u6167\u672a\u6765\uff0c\u6c47\u805a\u4fe1\u606f\uff0c\u94fe\u63a5\u884c\u4e1a\uff0c\u521b\u9020\u5546\u673a\uff0c\u5171\u521b\u8f89\u714c\uff01\r\n\r\n            <\/div>\r\n            <div class=\"number-content\">\r\n                <div class=\"number-item\" style=\"margin-right: 160px;\">\r\n                    <div class=\"font-num\" style=\"margin-right: 160px;\">47541<\/div>\r\n                    <div class=\"font-chart\">\u5728\u7f51\u8f66\u8f86<\/div>\r\n                <\/div>\r\n                <div class=\"number-item\">\r\n                    <div class=\"font-num\" style=\"margin-right: 20px;\">8<\/div><span\r\n                        style=\"line-height: 100px;font-size: 40px; color: #F84914;font-weight: 900;margin-right: 135px; \">TB<\/span>\r\n                    <div class=\"font-chart\">\u6570\u636e\u8d44\u4ea7<\/div>\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"FICS-internet-vehicles0725\">\r\n            <img decoding=\"async\" ref=\"imgRef\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/09\/\u8499\u7248\u7ec4-199@1x-1.png\" width=\"100%\"\r\n                alt=\"\">\r\n            <div @click=\"handleToogle('helianzhiyun')\" class=\"btn-icon\"\r\n                :style=\"{top:handlePx(btnPos.helianzhiyun.top),left:handlePx(btnPos.helianzhiyun.left)}\">\r\n            <\/div>\r\n            <div v-show=\"toggleShow.helianzhiyun\" class=\"helianzhiyun\"\r\n                :style=\"{top:handlePx(btnPos.helianzhiyun.top),left:handlePx(btnPos.helianzhiyun.left-108)}\">\r\n                <div style=\"margin-right: 5px;\">\u5408\u8054\u667a\u8fd0<\/div>\r\n                <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/\u7ec4-1732@1x.png\" alt=\"\">\r\n            <\/div>\r\n            <div @click=\"handleToogle('helianchedui')\" class=\"btn-icon\"\r\n                :style=\"{top:handlePx(btnPos.helianchedui.top),left:handlePx(btnPos.helianchedui.left)}\">\r\n            <\/div>\r\n            <div v-show=\"toggleShow.helianchedui\" class=\"helianzhiyun\"\r\n                :style=\"{top:handlePx(btnPos.helianchedui.top),left:handlePx(btnPos.helianchedui.left+38)}\">\r\n                <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/08\/\u7ec4-1732@1x.png\" alt=\"\">\r\n                <div style=\"margin-left: 5px;\">\u5408\u8054\u8f66\u961f<\/div>\r\n            <\/div>\r\n            <div @click=\"handleToogle('lianjieshebei')\" class=\"btn-icon\"\r\n                :style=\"{top:handlePx(btnPos.lianjieshebei.top),left:handlePx(btnPos.lianjieshebei.left)}\">\r\n            <\/div>\r\n            <div v-show=\"toggleShow.lianjieshebei\" class=\"ground-glass\"\r\n                :style=\"{top:handlePx(btnPos.lianjieshebei.top + 15 ),left:handlePx(btnPos.lianjieshebei.left + 15 ),width: '287px',height: '118px'}\">\r\n                \u53ef\u8fde\u63a5\u591a\u79cd\u8bbe\u5907\uff0c\u5177\u5907\u5e7f\u6cdb\u9002\u5e94\u6027\uff0c\u80fd\u6709\u6548\u5bf9\u63a5\u5e76\u652f\u6301\u591a\u79cd\u901a\u4fe1\u534f\u8bae<\/div>\r\n            <div @click=\"handleToogle('xinhao')\" class=\"xinhao btn-icon\"\r\n                :style=\"{top:handlePx(btnPos.xinhao.top),left:handlePx(btnPos.xinhao.left)}\"><\/div>\r\n            <div v-show=\"toggleShow.xinhao\" class=\"ground-glass\"\r\n                :style=\"{top:handlePx(btnPos.xinhao.top + 15 ),left:handlePx(btnPos.xinhao.left + 15 ),width: '287px',height: '90px'}\">\r\n                \u652f\u6301\u591a\u79cd\u578b\u53f7\u7684\u53c9\u8f66\uff0c\u6db5\u76d6\u4e86\u4ece\u7b2c\u4e00\u7c7b\u81f3\u7b2c\u4e94\u7c7b\u7684\u5168\u90e8\u8f66\u578b\r\n            <\/div>\r\n            <div @click=\"handleToogle('chelianghulian')\" class=\"chelianghulian btn-icon\"\r\n                :style=\"{top:handlePx(btnPos.chelianghulian.top),left:handlePx(btnPos.chelianghulian.left)}\">\r\n            <\/div>\r\n            <div v-show=\"toggleShow.chelianghulian\" class=\"ground-glass\"\r\n                :style=\"{top:handlePx(btnPos.chelianghulian.top + 15 - 118 ),left:handlePx(btnPos.chelianghulian.left + 15 ),width: '287px',height: '118px'}\">\r\n                \u8f66\u8f86\u4e92\u8054\u4e92\u901a\u4e0e\u4e91\u7aef\u5927\u6570\u636e\u5904\u7406\u6280\u672f\u878d\u5408\uff0c\u5b9e\u73b0\u8fdc\u7a0b\u8bca\u65ad\u3001\u5b89\u5168\u9884\u8b66\u7b49\u591a\u5143\u5316\u670d\u52a1  \r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n    <!-- \u8d44\u8baf\u4e2d\u5fc3 -->\r\n    <div style=\"margin-bottom: 184px;\">\r\n        <div\r\n            style=\"width: 100%; text-align: center; font-size: 36px; font-weight: 600; color: #222; line-height: 40px;margin-top: 240px;margin-bottom: 57px;\">\r\n            \u8d44\u8baf\u4e2d\u5fc3<\/div>\r\n        <div class=\"information_wrappre\">\r\n            <!-- tab\u680f -->\r\n            <div class=\"tab_information\">\r\n                <a class=\"active\">\u884c\u4e1a\u52a8\u6001<\/a>\r\n                <a>\u4f01\u4e1a\u52a8\u6001<\/a>\r\n            <\/div>\r\n            <div id=\"link-more1\"\r\n                style=\"width: 80%;height: 32px; line-height: 32px; text-align: end; margin-bottom: 60px;margin-top: 40px;cursor: pointer;font-size: 24px; display: flex;align-items: center;justify-content: end;color: #999;\">\r\n                <div style=\"margin-right: 5px;\">\u67e5\u770b\u66f4\u591a <\/div> <img decoding=\"async\"\r\n                    src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u5bb9\u5668-3@1x.png\" alt=\"\" width=\"32px\"\r\n                    height=\"32px\">\r\n            <\/div>\r\n            <!-- \u5185\u5bb9\u680f -->\r\n            <div class=\"content_information\">\r\n                <!-- \u884c\u4e1a -->\r\n                <div class=\"information_content\" style=\"display: block\">\r\n                    <div class=\"information_content_box\">\r\n                        <div class=\"information_text\">\r\n                            <img decoding=\"async\" class=\"information_text_img\"\r\n                                src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u8499\u7248\u7ec4-52@1x-4.png\"\r\n                                alt=\"\">\r\n                            <span class=\"information_text_title\">\u643a\u624b\u5171\u8fdb\u8c31\u65b0\u7bc7 | \u5b87\u950b\u667a\u80fd\u6b63\u5f0f\u52a0\u5165\u5408\u529b\u5927\u5bb6\u5ead\uff01<\/span>\r\n                            <div class=\"information_text_area ellipsis-multiline clamp-text-3\"\r\n                                style=\"overflow: hidden;\">\r\n                                \u5b87\u950b\u667a\u80fd\u662f\u5408\u529b\u65d7\u4e0b\u4e00\u5bb6\u4e13\u4e1a\u63d0\u4f9b\u5de5\u4e1a\u8f66\u8f86\u3001\u65e0\u4eba\u53c9\u8f66AGV\u3001\u81ea\u52a8\u5316\u7acb\u4f53\u5e93\u7b49\u667a\u80fd\u88c5\u5907\uff0c\u4ee5\u53ca\u667a\u6167\u7269\u6d41\u4ed3\u50a8\u3001\u642c\u8fd0\u7b49\u8f6f\u4ef6\u7cfb\u7edf\u7684\u4e00\u7ad9\u5f0f\u667a\u6167\u7269\u6d41\u89e3\u51b3\u65b9\u6848\u670d\u52a1\u5546\u3002<\/div>\r\n                            <span class=\"information_text_btn\">\r\n                                <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-246@1x.png\" alt=\"\">\r\n                                <span onclick=\"linkToDetails('1')\">\u4e86\u89e3\u8be6\u60c5<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div class=\"information_text\">\r\n                            <img decoding=\"async\" class=\"information_text_img\"\r\n                                src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u8499\u7248\u7ec4-39@1x-1.png\"\r\n                                alt=\"\">\r\n                            <span class=\"information_text_title\">\u6570\u667a\u9886\u822a\uff0c\u5408\u529b\u672a\u6765\u2014\u20142024\u4e2d\u56fd\u53c9\u8f66\u548c\u79fb\u52a8\u673a\u5668\u4eba\u9ad8\u8d28...<\/span>\r\n                            <div class=\"information_text_area ellipsis-multiline clamp-text-3\"\r\n                                style=\"overflow: hidden;\">\r\n                                4\u670815\u65e5\uff0c\u7531\u5b89\u5fbd\u5408\u529b\u4e0e\u4e2d\u56fd\u53c9\u8f66\u7f51\u5171\u540c\u4e3b\u529e\u76842024\u4e2d\u56fd\u53c9\u8f66\u548c\u79fb\u52a8\u673a\u5668\u4eba\u9ad8\u8d28\u91cf\u53d1\u5c55\u4e07\u91cc\u884c\u542f\u52a8\u4eea\u5f0f\uff0c\u5728\u5408\u529b\u5de5\u4e1a\u56ed\u6570\u5b57\u5316\u5c55\u5385\u76db\u5927\u542f\u5e55\u3002\u4e2d\u56fd\u5de5\u7a0b\u673a\u68b0\u5de5\u4e1a\u534f\u4f1a\u5de5\u4e1a\u8f66\u8f86\u5206\u4f1a\u79d8\u4e66\u957f\u5f20\u6d01\uff0c\u5b89\u5fbd\u53c9\u8f66\u96c6\u56e2\u516c\u53f8\u515a\u59d4\u4e66\u8bb0\u3001\u8463\u4e8b\u957f\u3001\u603b\u7ecf\u7406\u6768\u5b89\u56fd\uff0c\u4e2d\u53c9\u7f51\u603b\u7ecf\u7406\u80e1\u626c\u6ce2\u7b49\u51fa\u5e2d\u672c\u6b21\u542f\u52a8\u4eea\u5f0f\u3002\u51e1\u5df1\u79d1\u6280\u3001\u5e7f\u4e1c\u7231\u666e\u62c9\u3001\u9e4f\u6210\u65b0\u80fd\u6e90\u7b49\u4f01\u4e1a\u9ad8\u7ba1\u4f5c\u4e3a\u534f\u529e\u5355\u4f4d\u4ee3\u8868\u53c2\u4f1a\u3002\u96c6\u56e2\u516c\u53f8\u76f8\u5173\u5355\u4f4d\u3001\u90e8\u95e8\u8fd1\u767e\u4eba\u53c2\u52a0\u542f\u52a8\u4eea\u5f0f\u3002\r\n                            <\/div>\r\n                            <span class=\"information_text_btn\">\r\n                                <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-246@1x.png\" alt=\"\">\r\n                                <span onclick=\"linkToDetails('2')\">\u4e86\u89e3\u8be6\u60c5<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div class=\"information_more\">\r\n                            <!-- <span>\u67e5\u770b\u66f4\u591a<\/span>\r\n                    <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/06\/\u67e5\u770b\u66f4\u591a\u7bad\u5934.png\" alt=\"\"> -->\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- \u4f01\u4e1a -->\r\n                <div class=\"information_content\">\r\n                    <div class=\"information_content_box\">\r\n                        <div class=\"information_text\">\r\n                            <img decoding=\"async\" class=\"information_text_img\"\r\n                                src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u8499\u7248\u7ec4-52@1x-5.png\"\r\n                                alt=\"\">\r\n                            <span class=\"information_text_title\">\u5fa1\u98ce\u800c\u884c \u5408\u529b\u5411\u672a\u6765\u2014\u2014\u5b89\u5fbd\u5408\u529b\u53d7\u9080\u53c2\u52a02024RCEP\u5730\u65b9\u653f\u5e9c\u66a8\u53cb\u57ce\u5408\u4f5c\uff08\u9ec4\u5c71\uff09\u8bba\u575b<\/span>\r\n                            <div class=\"information_text_area ellipsis-multiline clamp-text-3\"\r\n                                style=\"overflow: hidden;\">\r\n                                \u533a\u57df\u5408\u4f5c\uff0c\u643a\u624b\u53d1\u5c556\u670821\u65e5\u4e0a\u5348\uff0c\u7531\u4e2d\u56fd\u4eba\u6c11\u5bf9\u5916\u53cb\u597d\u534f\u4f1a\u3001\u5b89\u5fbd\u7701\u4eba\u6c11\u653f\u5e9c\u5171\u540c\u4e3b\u529e\u76842024RCEP\u5730\u65b9\u653f\u5e9c\u66a8\u53cb\u57ce\u5408\u4f5c\uff08\u9ec4\u5c71\uff09\u8bba\u575b\u5f00\u5e55\u5f0f\u5728\u9ec4\u5c71\u5e02\u76db\u5927\u4e3e\u884c\u3002\u672c\u5c4a\u8bba\u575b\u4ee5\u201c\u533a\u57df\u5408\u4f5c\r\n                                \u643a\u624b\u53d1\u5c55\u201d\u4e3a\u4e3b\u9898\uff0c\u5171\u9080\u8bf7\u6765\u81eaRCEP\u6210\u5458\u56fd\u7684\u5730\u65b9\u653f\u5e9c\u3001\u77e5\u540d\u4f01\u4e1a\u4e0e\u56fd\u9645\u7ec4\u7ec7\u7684228\u540d<\/div>\r\n                            <span class=\"information_text_btn\">\r\n                                <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-246@1x.png\" alt=\"\">\r\n                                <span onclick=\"linkToDetails('3')\">\u4e86\u89e3\u8be6\u60c5<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div class=\"information_text\">\r\n                            <img decoding=\"async\" class=\"information_text_img\"\r\n                                src=\"https:\/\/web-1302454246.cos.ap-shanghai.myqcloud.com\/2024\/08\/\u8499\u7248\u7ec4-39@1x-2.png\"\r\n                                alt=\"\">\r\n                            <span class=\"information_text_title\">\u79d1\u6280\u9a71\u52a8\u53d1\u5c55 \u521b\u65b0\u5f15\u9886\u672a\u6765\u2014\u2014\u7b2c\u4e8c\u5c4a\u201c\u5408\u529b\u79d1\u6280\u6d3b\u52a8\u5468\u201d\u5f00\u5e55<\/span>\r\n                            <div class=\"information_text_area ellipsis-multiline clamp-text-3\"\r\n                                style=\"overflow: hidden;\">\r\n                                5\u670827\u65e5\uff0c\u7b2c\u4e8c\u5c4a\u201c\u5408\u529b\u79d1\u6280\u6d3b\u52a8\u5468\u201d\u5728\u5408\u529b\u5de5\u4e1a\u56ed\u5de5\u4f1a\u7efc\u5408\u697c\u62a5\u544a\u5385\u9686\u91cd\u5f00\u5e55\u3002\u5b89\u5fbd\u53c9\u8f66\u96c6\u56e2\u515a\u59d4\u4e66\u8bb0\u3001\u8463\u4e8b\u957f\u3001\u603b\u7ecf\u7406\u6768\u5b89\u56fd\uff0c\u5b89\u5fbd\u5408\u529b\u80a1\u4efd\u6709\u9650\u516c\u53f8\u526f\u603b\u5de5\u7a0b\u5e08\u6bd5\u80dc\uff0c\u5404\u5206\u6280\u672f\u4e2d\u5fc3\u5206\u7ba1\u6280\u672f\u9886\u5bfc\uff0c\u534e\u4e3a\u4e91\u4e2d\u56fd\u533a\u526f\u603b\u88c1\u5f20\u4e1c\u751f\uff0c\u6280\u672f\u4e2d\u5fc3\u5168\u4f53\u5458\u5de5\u53c2\u52a0\u5f00\u5e55\u5f0f\u3002\r\n                            <\/div>\r\n                            <span class=\"information_text_btn\">\r\n                                <img decoding=\"async\" src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-246@1x.png\" alt=\"\">\r\n                                <span onclick=\"linkToDetails('4')\">\u4e86\u89e3\u8be6\u60c5<\/span>\r\n                            <\/span>\r\n                        <\/div>\r\n                        <div class=\"information_more\" id=\"link-more2\">\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- \u4ea7\u4e1a\u8054\u76df -->\r\n    <div id=\"home-industrial-alliance\" class=\"\">\r\n        <div class=\"content fade-in\">\r\n            <div class=\"title\">\u4ea7\u4e1a\u8054\u76df<\/div>\r\n            <div style=\"display: flex;margin-top: 195px;justify-content: space-between;\">\r\n                <div>\r\n                    <div style=\"font-size: 36px;line-height: 40px;font-weight: 600;color: #222;\">\u6210\u4e3aFICS\u751f\u6001\u4f19\u4f34\u5427\uff01<\/div>\r\n                    <div style=\"font-size: 24px; line-height: 24px;color: #999;margin-top: 30px;\">\u667a\u9a71\u672a\u6765\uff0c\u8f66\u8054\u4e07\u7269\uff0c\u5408\u4f5c\u5171\u8d62<\/div>\r\n                    <div style=\"margin-top: 118px;\"><span id=\"home-industrial-alliance-grow\"\r\n                            class=\"home-industrial-alliance-grow\">100<\/span><span\r\n                            style=\"font-weight: 600;font-size: 60px; line-height: 73px;color: #F84914;\">+<\/span><\/div>\r\n                    <div style=\"font-size: 24px; line-height: 24px;color: #666;font-weight: 600;margin-top: 12px;\">\u751f\u6001\u4f19\u4f34\r\n                    <\/div>\r\n                    <div class=\"know-more-btn\" onclick=\"linkto('10')\">\u4e86\u89e3\u66f4\u591a<\/div>\r\n                <\/div>\r\n                <div style=\"max-width: 890px; display: flex;justify-content: space-between;flex-wrap: wrap;\">\r\n                    <div onclick=\"linkto('1')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1593@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('2')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1596@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('3')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1594@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('4')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1599@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('5')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1600@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('6')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1592@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('7')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1597@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('8')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1598@1x.png')\">\r\n                    <\/div>\r\n                    <div onclick=\"linkto('9')\" class=\"industrial-alliance-logo\"\r\n                        style=\"background-image: url('https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/07\/\u7ec4-1595@1x.png')\">\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <script src=\"https:\/\/portal.heliov.net\/wp-content\/uploads\/2024\/06\/jquery.min.js\"><\/script>\r\n    <script>\r\n        \/\/ \u7ed1\u5b9a\u70b9\u51fb\u4e8b\u4ef6\r\n        $('.tab_information a').unbind('click').click(function () {\r\n            $(this).addClass('active').siblings().removeClass('active');\r\n            let index = $(this).index();\r\n            $(\".content_information .information_content\").eq(index).show().siblings().hide();\r\n        });\r\n        document.getElementById('link-more1').addEventListener('click', function () {\r\n            window.open('https:\/\/portal.heliov.net\/?page_id=6409', '_blank');\r\n        });\r\n        document.getElementById('link-more2').addEventListener('click', function () {\r\n            window.open('https:\/\/portal.heliov.net\/?page_id=6409', '_blank');\r\n        });\r\n        function linkToDetails(index) {\r\n            const URL_MAP = {\r\n                \"1\": \"https:\/\/portal.heliov.net\/?page_id=8819\",\r\n                \"2\": \"https:\/\/portal.heliov.net\/?page_id=7924\",\r\n                \"3\": \"https:\/\/www.helichina.com\/news\/company\/202407\/t20240715_7690625.html\",\r\n                \"4\": \"https:\/\/www.helichina.com\/news\/company\/202406\/t20240603_7597397.html\"\r\n            }\r\n            window.open(URL_MAP[index], '_blank');\r\n        }\r\n        $clamp(document.getElementsByClassName('clamp-text-3')[0], { clamp: 3 })\r\n\r\n    <\/script>\r\n    <script>\r\n        const linkMap = {\r\n            \"1\": \"https:\/\/www.ustc.edu.cn\/\",\r\n            \"2\": \"https:\/\/www.inventec.com\/cn\",\r\n            \"3\": \"https:\/\/leguanli.com\/public\/\",\r\n            \"4\": \"http:\/\/www.china-soa.com\/\",\r\n            \"5\": \"https:\/\/www.budweiser.com\/en\",\r\n            \"6\": \"https:\/\/www.sf-express.com\/chn\/sc\",\r\n            \"7\": \"http:\/\/www.witium.cn\/\",\r\n            \"8\": \"https:\/\/www.cloudcc.cn\/?bd_vid=8498080072380691166\",\r\n            \"9\": \"https:\/\/www.vayoinfo.cn\/\",\r\n            \"10\": \"https:\/\/portal.heliov.net\/?page_id=9264\"\r\n\r\n        }\r\n        const linkto = (index) => { window.open(linkMap[index], \"_blank\") }\r\n    <\/script>\r\n    <script>\r\n\r\n\r\n        new Vue({\r\n            el: '#home-banner',\r\n            data() {\r\n                return {\r\n                    showImage: false,\r\n                    svgOffset: 1400, \/\/ svg\r\n                    stickyEndOffset: 1000,\/\/ \u89c6\u9891\u7ed3\u675f\u56fa\u5b9a\u7684\u504f\u79fb\u91cf\r\n                    scrollTop: 0,\/\/\u6eda\u52a8\u6761\u7684\u53d8\u5316\u540e\u7684\u4f4d\u7f6e\r\n                    nowScrollTop: 0,\/\/\u6eda\u52a8\u6761\u7684\u5b9e\u65f6\u4f4d\u7f6e\r\n                    lastScrollTop: 0,\r\n                    scrollTimeout: null, \/\/ \u7528\u4e8e\u53d6\u6d88\u5b9a\u65f6\u5668\u7684\u53d8\u91cf  \r\n                    svgRangeOfChangeSize: 1200,\r\n                    \/**\r\n                     * \u6bdb\u73bb\u7483\u5b9a\u4f4d\r\n                    *\/\r\n                    btnPos: {\r\n                        helianzhiyun: {\r\n                            top: \"\",\r\n                            left: \"\"\r\n                        },\r\n                        helianchedui: {\r\n                            top: \"\",\r\n                            left: \"\"\r\n                        },\r\n                        lianjieshebei: {},\r\n                        xinhao: {},\r\n                        chelianghulian: {},\r\n                    },\r\n                    toggleShow: {\r\n                        helianzhiyun: true,\r\n                        helianchedui: true,\r\n                        lianjieshebei: true,\r\n                        xinhao: true,\r\n                        chelianghulian: true,\r\n                    }\r\n                };\r\n            },\r\n            mounted() {\r\n\r\n\r\n                window.addEventListener('scroll', this.handleScroll);\r\n                this.updateDimensions();\r\n                window.addEventListener('resize', this.updateDimensions);\r\n                \/\/ window.addEventListener('wheel', this.handleScroll);\r\n\r\n\r\n            },\r\n            computed: {\r\n                isSticky() {\r\n                    if (this.scrollTop === 0) {\r\n                        return true\r\n                    }\r\n                    return this.scrollTop < this.stickyEndOffset;\r\n                },\r\n                svgStyle() {\r\n                    \/\/ scrollTop \u4ece0-1200\u7684\u53d8\u5316\r\n                    \/\/ const steps = [10, 9.24881, 8.48962, 7.73443, 6.97924, 6.22405, 5.46885, 4.71366, 3.95847, 3.40328, 2.44809, 1.6929, 0.937709]\r\n                    \/\/ const steps = [10, 9.24881, 8.48962, 7.73443, 6.97924, 6.22405, 5.46885, 4.71366, 3.95847, 3.40328, 2.44809, 1.6929, 1]\r\n                    const steps = [\r\n                        10,\r\n                        6.84553,\r\n                        6.08634,\r\n                        5.33115,\r\n                        4.57595,\r\n                        3.82076,\r\n                        3.06557,\r\n                        2.31038,\r\n                        1.55519,\r\n                        1\r\n                    ]\r\n                    if (this.scrollTop === 0) {\r\n                        return { zIndex: 'auto', transition: 'transform 0.5s ease', transform: `matrix(10, 0, 0, 10, 0, 0)`, opacity: 0 }\r\n                    }\r\n                    if (this.scrollTop > 0 && this.scrollTop <= 900) {\r\n                        const index = Math.ceil(this.scrollTop \/ 100)\r\n                        return { zIndex: 3, transition: 'transform 0.5s ease', transform: `translate3d(0px, 0px, 0px) scale(${steps[index], steps[index]})`, opacity: this.scrollTop * 0.00125, }\r\n                    }\r\n\r\n                    if (this.scrollTop > 900) {\r\n                        return { zIndex: 4, transition: 'transform 1s ease', transform: `matrix(1, 0, 0, 1, 0, 0)`, opacity: 1 }\r\n                    }\r\n                },\r\n                svgBgStyle() {\r\n                    console.log(\"\u6267\u884c\");\r\n                    const opacitys = [0, 0.157398, 0.314795, 0.472193, 0.629591, 0.786988, 0.944386, 1]\r\n                    \/\/ const steps = [10, 9.24881, 8.48962, 7.73443, 6.97924, 6.22405, 5.46885, 4.71366, 3.95847, 3.20328, 2.44809, 1.6929, 0.937709]\r\n                    const index = Math.ceil(this.scrollTop \/ 100)\r\n                    const opacity = opacitys[index] ?? 1\r\n\r\n\r\n                    let transformStyle = {}\r\n\r\n\r\n                    const steps = [\r\n                        10,\r\n                        6.84553,\r\n                        6.08634,\r\n                        5.33115,\r\n                        4.57595,\r\n                        3.82076,\r\n                        3.06557,\r\n                        2.31038,\r\n                        1.55519,\r\n                        1\r\n                    ]\r\n                    if (this.scrollTop === 0) {\r\n                        transformStyle = { zIndex: 'auto', transition: 'transform 0.5s ease', transition: 'transform 0.5s ease', transform: `matrix(10, 0, 0, 10, 0, 0)`, opacity: 0 }\r\n                    }\r\n                    if (this.scrollTop > 0 && this.scrollTop <= 800) {\r\n                        transformStyle = { zIndex: 3, transition: 'transform 0.5s ease', transform: `translate3d(0px, 0px, 0px) scale(${steps[index], steps[index]})`, }\r\n                    }\r\n\r\n                    if (this.scrollTop > 800) {\r\n                        transformStyle = { zIndex: 4, transition: 'transform 1s ease', transform: `matrix(1, 0, 0, 1, 0, 0)`, opacity: 1 }\r\n                    }\r\n                    return {\r\n                        svgBg: {\r\n                            opacity,\r\n                            \/\/ background: `rgba(248, 73, 20,${(this.scrollTop - 700) * 0.003})`,\r\n                        },\r\n                        svgContent: {\r\n                            ...transformStyle, \r\n                            zIndex: 1, \r\n                            background: `rgba(248, 73, 20,${(this.scrollTop - 700) * 0.003})`, \r\n                            borderColor: `rgba(255, 255, 255,${(this.scrollTop - 700) * 0.003})`,\r\n                        }\r\n                    }\r\n                },\r\n                positionStyle() {\r\n                    const positionStyle = this.nowScrollTop >= this.svgOffset ? { position: \"absolute\", bottom: \"0px\" } : {\r\n                        position: 'fixed',\r\n                        top: '0px'\r\n                    }\r\n                    return positionStyle\r\n                },\r\n                svgContentStyle() {\r\n                    let svgActualHeight = 0\r\n                    let svgTop = 0\r\n                    if (this.$refs.svgLogo) {\r\n\r\n                        const rect = this.$refs.svgLogo.getBoundingClientRect();\r\n                        svgActualHeight = rect.height;\r\n                        svgTop = this.svgRangeOfChangeSize + svgActualHeight \/ 2 - 50\r\n                    }\r\n                    \/\/ return this.scrollTop >= this.svgOffset ? { position: \"absolute\", top: this.svgOffset + \"px\" } : { position: \"fixed\", top: 0 }\r\n                    return this.scrollTop >= this.svgOffset + 50 ? { position: \"absolute\", bottom: \"0px\" } : { position: \"fixed\", bottom: \"0px\" }\r\n                },\r\n\r\n            },\r\n\r\n            beforeDestroy() {\r\n                if (this.scrollTimeout) {\r\n                    clearTimeout(this.scrollTimeout);\r\n                }\r\n                window.removeEventListener('scroll', this.handleScroll);\r\n                window.removeEventListener('resize', this.updateDimensions);\r\n\r\n            },\r\n            methods: {\r\n                handlePx(num) {\r\n                    return `${num}px`\r\n                },\r\n                handleToogle(key) {\r\n                    const preValuie = this.toggleShow[key]\r\n                    this.toggleShow = {\r\n                        ...this.toggleShow,\r\n                        [key]: !preValuie,\r\n                    }\r\n                },\r\n                updateDimensions() {\r\n                    this.$nextTick(() => {\r\n                        const width = this.$refs.imgRef.offsetWidth;\r\n                        const height = this.$refs.imgRef.offsetHeight;\r\n                        const helianzhiyun = {\r\n                            top: height * 0.475183,\r\n                            left: width * 0.171875,\r\n                        }\r\n                        const helianchedui = {\r\n                            top: height * 0.42287225,\r\n                            left: width * 0.2515625,\r\n                        }\r\n                        const lianjieshebei = {\r\n                            top: height * 0.58469387,\r\n                            left: width * 0.18802083,\r\n                        }\r\n                        const xinhao = {\r\n                            top: height * 0.6954803,\r\n                            left: width * 0.51035416,\r\n                        }\r\n                        const chelianghulian = {\r\n                            top: height * 0.4815625,\r\n                            left: width * 0.51625,\r\n                        }\r\n\r\n                        this.btnPos = {\r\n                            helianzhiyun,\r\n                            helianchedui,\r\n                            lianjieshebei,\r\n                            xinhao,\r\n                            chelianghulian,\r\n                        }\r\n                    })\r\n                },\r\n                handleScroll() {\r\n                    \/\/                 const targetDiv = this.$refs.targetDiv;  \r\n                    \/\/   const targetDivBottom = targetDiv.getBoundingClientRect().bottom;  \r\n                    \/\/   const viewportHeight = window.innerHeight;  \r\n\r\n\r\n                    \/\/   const threshold = 5; \/\/ \u9608\u503c\uff0c\u53ef\u4ee5\u6839\u636e\u9700\u8981\u8c03\u6574  \r\n                    \/\/    const isDivBottomAlignedWithViewportBottom = Math.abs(targetDivBottom - viewportHeight) < threshold;  \r\n\r\n                    this.nowScrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\r\n                    if (this.scrollTimeout) {\r\n                        clearTimeout(this.scrollTimeout);\r\n                        this.scrollTimeout = null;\r\n                    }\r\n\r\n                    \/\/ \u8bbe\u7f6e\u4e00\u4e2a\u65b0\u7684\u5b9a\u65f6\u5668\uff0c\u4ee5\u68c0\u6d4b\u6eda\u52a8\u662f\u5426\u505c\u6b62  \r\n                    this.scrollTimeout = setTimeout(() => {\r\n                        \/\/ \u5047\u8bbe500\u6beb\u79d2\u5185\u6ca1\u6709\u65b0\u7684\u6eda\u52a8\u4e8b\u4ef6\uff0c\u5219\u8ba4\u4e3a\u6eda\u52a8\u505c\u6b62  \r\n                        this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n                        \/\/ \u5728\u8fd9\u91cc\uff0c\u4f60\u53ef\u4ee5\u6839\u636escrollEndPosition\u7684\u503c\u8fdb\u884c\u5176\u4ed6\u64cd\u4f5c  \r\n                        console.log(this.scrollTop);\r\n                    }, 0);\r\n                },\r\n\r\n\r\n            },\r\n\r\n        })  \r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FICS \u5de5\u4e1a\u8f66\u8f86\u4ea7\u4e1a\u95e8\u6237 \u9a71\u52a8\u5de5\u4e1a\u8f66\u8f86 [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"\u5434, \u4e16\u7389","author_link":"https:\/\/portal.heliov.net\/?author=10"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"FICS \u5de5\u4e1a\u8f66\u8f86\u4ea7\u4e1a\u95e8\u6237 \u9a71\u52a8\u5de5\u4e1a\u8f66\u8f86 [&hellip;]","_links":{"self":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/8212"}],"collection":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8212"}],"version-history":[{"count":316,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/8212\/revisions"}],"predecessor-version":[{"id":10415,"href":"https:\/\/portal.heliov.net\/index.php?rest_route=\/wp\/v2\/pages\/8212\/revisions\/10415"}],"wp:attachment":[{"href":"https:\/\/portal.heliov.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}