<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>琪珑网络科技公司</title>
    <link rel="apple-touch-icon" sizes="180x180" href="static/images/favicon.ico" />
    <link rel="icon" type="image/ioc" sizes="32x32" href="static/images/favicon.ico" />
    <link rel="icon" type="image/ioc" sizes="16x16" href="static/images/favicon.ico" />
    <link rel="manifest" href="assets/images/favicons/site.webmanifest" />
    <meta name="description" content="Crsine HTML Template For Car Services" />

    <link rel="stylesheet" href="static/css/bootstrap.min.css" />
    <!-- <link rel="stylesheet" href="static/css/animate.min.css" /> -->
    <link rel="stylesheet" href="static/css/all.min.css" />
    <!-- <link rel="stylesheet" href="static/css/jarallax.css" /> -->
    <!-- <link rel="stylesheet" href="static/css/nouislider.min.css" /> -->
    <!-- <link rel="stylesheet" href="static/css/nouislider.pips.css" /> -->
    <!-- <link rel="stylesheet" href="static/css/odometer.min.css" /> -->
    <!-- <link rel="stylesheet" href="static/css/swiper.min.css" /> -->
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="static/css/tiny-slider.min.css" />
    <link rel="stylesheet" href="static/css/jquery.fancybox.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap-grid.min.css" />

    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/style1.css">


    <!-- template styles -->
    <link rel="stylesheet" href="static/css/crsine.css" />
    <!-- 地图js -->
    <script src="https://lib.baomitu.com/echarts/4.8.0/echarts.min.js"></script>
    <!-- <script
        src="https://webapi.amap.com/maps?v=1.3&key=5044e280c281e98ef9c728beebacd595&plugin=AMap.DistrictSearch"></script>
    <script src="https://webapi.amap.com/maps?v=1.3&key=5044e280c281e98ef9c728beebacd595"></script> -->

    <!-- <script src="https://webapi.amap.com/ui/1.0/main.js"></script> -->

    <script src="https://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js"></script>

    <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
    <script src="static/js/vue.min.js"></script>

</head>

<body>
    <!--  <div class="preloader">
        <img class="preloader__image" width="120" src="static/picture/loader.png" alt="" />
    </div> -->
    <!-- /.preloader -->
    <div class="page-wrapper" id="app" v-if="loading">
        <template>

            <header class="main-header">
                <!-- /.topbar -->
                <nav class="main-menu">
                    <!-- <div class="container"> -->
                    <div class="main-menu__inner">

                        <div class="main-menu__logo">
                            <a href="index.html">
                                <img src="static/images/logo-ff.png" style="width: 137px;" alt="" class="logo_white">
                                <!-- <img src="static/picture/logo-ff.png" class="logo_old"> -->
                            </a>
                        </div>
                        <!-- /.main-menu__logo -->
                        <ul class="main-menu__list">
                            <li>
                                <a class="mobile-nav__toggler-self" href="#home">首页</a>
                            </li>
                            <li>
                                <a class="mobile-nav__toggler-self" href="#cpyw">产品业务</a>
                            </li>
                            <li class="">
                                <a class="mobile-nav__toggler-self" href="#jdfb">节点分布</a>
                            </li>
                            <li class="">
                                <a class="mobile-nav__toggler-self" href="#fwtx">服务体系</a>
                            </li>
                            <li class="">
                                <a class="mobile-nav__toggler-self" href="#jffs">计费方式</a>
                            </li>

                            <div class="login-link">
                                <a class="btn-login-link" href="https://iaas.qilongnet.com/" target="_blank">登录</a>

                            </div>
                        </ul>

                        <!-- /.topbar__inner -->

                        <div class="main-menu__right">
                            <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                            <!-- /.thm-btn -->
                        </div>
                        <!-- /.main-menu__right -->
                    </div>
                    <!-- /.main-menu__inner -->
                    <!-- </div> -->
                    <!-- /.container -->
                </nav>
                <!-- /.main-menu -->
            </header>
            <!-- /.main-header -->

            <!-- <div class="stricky-header stricked-menu main-menu">
                <div class="sticky-header__content"></div>
            </div> -->
            <!-- /.stricky-header -->


            <section class="main-slider_new sections1" id="home">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <h1>{{bannerDetail.title}}</h1>
                            <p style="color: #19a8f4;">{{bannerDetail.subTitle}} </p>
                        </div>
                        <!-- <div class="col-lg-6 col-md-6 col-sm-6">
                            <div><img src="static/images/bannerPic.png" alt="" srcset=""></div>
                        </div> -->
                    </div>
                </div>
            </section>
            <!-- /.main-slider -->

            <!--  section 02 -->
            <section class="feature-one sections2" id="hyot">
                <div class="container">
                    <div class="row justify-content-xl-end">
                        <div class="col-lg-12">
                            <div class="section-title text-center">
                                <h2 class="section-title__title">{{section2.title}}</h2>
                            </div>
                        </div>
                        <div class="col-lg-8">
                        </div>
                    </div>
            </section>
            <!-- section 03 -->
            <section class="application-section cpyw sections3" id="cpyw">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title text-center">
                                <h2 class="section-title__title">{{section3.title}}</h2>
                            </div>
                            <!-- /.section-title -->
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div style="text-align: center;"><img :src="section3.hostPicture" alt="" /></div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6">
                            <div class="detail-content" v-for="item in section3.serviceList" :key="item.title">
                                <div class="detail-content-text">
                                    <div class="global-second-title">{{ item.title }}</div>
                                    <p>{{ item.desc }}</p>
                                    <ul class="flex">
                                        <li v-for="itm in item.detail">{{ itm }}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="jdfb" class="application-section service-system sections4" style="background-color: #012248;">

                <div class="container">

                </div>
                <div class="section-title-new text-center">
                    <h2 class="section-title__title" style="color:#fff">{{section4.title}}</h2>
                </div>
                <div class="map-panel-point">
                    <div id="chart-panel"></div>
                    <div class="panel-point-container">
                        <div class="title">全国资源分布</div>
                        <div class="detail"><span class="keynote">{{section4.areaNum}}个</span>省市自治区</div>
                        <div class="detail"><span
                                class="keynote">{{section4.operatorNum}}</span>大运营商{{section4.operator}}
                        </div>
                        <!-- <div class="detail"><span class="keynote">{{section4.eesourceNode}}</span>资源节点</div>
                        <div class="detail"><span class="keynote">{{section4.tapeWidth}}</span>带宽</div>
                        <div class="detail"><span class="keynote">{{section4.server}}</span>服务器</div> -->
                    </div>
                </div>

            </section>
            <!-- 服务体系 -->
            <section class="application-section service-system sections5" id="fwtx">
                <div class="container  ">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title text-center">
                                <h2 class="section-title__title">服务体系</h2>
                            </div>
                            <!-- /.section-title -->
                        </div>
                        <!-- <div > -->
                        <div class="col-lg-3 col-md-6 col-sm-6" style="position: relative;"
                            v-for="(item,index) in serviceSystem" key="item.name">
                            <div class="align-items-center flex-column d-flex">
                                <div class="justify-content-center d-flex"> <img :src="item.icon" alt=""></div>

                                <div class="name global-second-title">{{item.name}}</div>
                                <div class="desc">{{item.desc1}}</div>
                            </div>
                            <!-- <img style="position: absoult;top:0" v-if="index < serviceSystem.length-1" src="./static/images/arrow-right.png" alt=""> -->
                        </div>
                        <!-- </div> -->

                    </div>

                </div>
            </section>
            <!-- <div id="container" style="width: 600px;height:400px;"></div>
            <div id="map" style="width: 600px;height:400px;"></div> -->
            <!-- 计费方式-->
            <section class="count-method sections6" id="jffs">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="section-title text-center">
                                <h2 class="section-title__title">{{ section6.title }}</h2>
                            </div>
                            <!-- /.section-title -->
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="content-inner flex" v-for="item in section6.detail" :key="item.name">
                                <img :src="item.icon" alt="" srcset="">
                                <div>
                                    <div class="title global-second-title">{{ item.name }}</div>
                                    <p>{{ item.desc }}</p>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="content-box">
                                <img src="./static/picture/host.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.container -->
            </section>
            <!-- /.count-method -->
            <!-- 底部 -->
            <footer class="main-footer" id="about">
                <!-- <div class="image-layer" style="background-image: url(static/images/foot.png);"></div> -->
                <!-- /.image-layer -->
                <div class="upper-footer">
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-12 col-md-12 col-lg-12 ">
                                <div class="footer-widget footer-widget__about text-center">
                                    <!-- <a href="index.html" class="footer-widget__logo">
                                        <img src="static/picture/logo-ff.png" width="137" alt="">
                                    </a> -->
                                    <div>借助琪珑ECCloud,帮助客户提升边缘服务能力</div>
                                    <div style="font-size:14px">Copyright © {{year}} 琪珑网络科技有限公司&nbsp;<a
                                            href="https://beian.miit.gov.cn/#/Integrated/index"
                                            target="_blank">闽ICP备2022014214号</a></div>
                                    <div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.row -->
                        </div>
                        <!-- /.container -->
                    </div>
            </footer>
            <!-- /.main-footer -->


            <!-- /.page-wrapper -->


            <div class="mobile-nav__wrapper">
                <div class="mobile-nav__overlay mobile-nav__toggler"></div>
                <!-- /.mobile-nav__overlay -->
                <div class="mobile-nav__content ">
                    <!-- <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> -->

                    <!-- <div class="logo-box">
                <a href="index.html" aria-label="logo image"><img src="static/picture/logo-ff.png" width="155"
                        alt="" /></a>
            </div> -->
                    <!-- /.logo-box -->
                    <div class="mobile-nav__container"></div>
                    <!-- /.mobile-nav__container -->



                </div>
                <!-- /.mobile-nav__content -->
            </div>
            <!-- /.mobile-nav__wrapper -->




            <!--  <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <div class="search-popup__content">
            <form action="#">
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="crsine-magnifying-glass"></i>
                </button>
            </form>
        </div>
    </div> -->
            <!-- /.search-popup -->

            <a href="#app" class="scroll-to-top"><i class="fa fa-angle-up"></i></a>
        </template>

    </div>

    <script src="static/js/jquery-3.5.1.min.js"></script>
    <script src="static/js/bootstrap.bundle.min.js"></script>
    <script src="static/js/jarallax.min.js"></script>
    <script src="static/js/jquery.ajaxchimp.min.js"></script>
    <script src="static/js/jquery.appear.min.js"></script>
    <script src="static/js/jquery.circle-progress.min.js"></script>
    <script src="static/js/jquery.validate.min.js"></script>
    <script src="static/js/nouislider.min.js"></script>
    <script src="static/js/odometer.min.js"></script>
    <!-- <script src="static/js/swiper.min.js"></script> -->
    <script src="static/js/tiny-slider.min.js"></script>
    <script src="static/js/wnumb.min.js"></script>
    <script src="static/js/wow.js"></script>
    <script src="static/js/isotope.js"></script>
    <script src="static/js/countdown.min.js"></script>
    <!-- <script src="static/js/jquery.fancybox.min.js"></script> -->
    <!-- template js -->
    <!-- <script src="static/js/plugins.js"></script> -->
    <!-- <script src="static/js/new-video.js"></script> -->


    <script type="text/javascript" src="static/js/owl.carousel.min.js"></script>



    <script src="static/js/data.js"></script>
    <script>
        var vm = new Vue({
            el: "#app",
            data: {
                // 页面中要使用的数据
                bannerDetail: {
                    title: '边缘计算ECCloud',
                    subTitle: '共享边缘资源，持续稳定收益'
                },
                section2: {
                    title: '基于海量的边缘节点和网络资源构建的边缘计算云服务平台'
                },
                section3: {
                    title: '产品业务',
                    hostPicture: './static/images/host_01.png',
                    serviceList: [
                        {
                            title: '边缘物理主机',
                            // src: '',
                            desc: ' 聚合全网物理服务器的丰富资源池,为客户提供高可用、高性能的分布式算力资源,有效降低计算时延和运营成本。',
                            detail: ['资源丰富', '高性价比', '快速交付', '技术支持']
                        },
                        {
                            title: '边缘云主机',
                            src: './static/images/host_01.png',
                            desc: ' 弹性可伸缩的边缘计算服务,为客户提供定制化、动态扩容的分布式算力资源,有效降低客户硬件成本,提高运维效率',
                            detail: ['弹性扩容', '资源隔离', '平台管理', '低成本']
                        }
                    ]
                },
                section4: {
                    title: '节点分布',
                    areaNum: 25,
                    // eesourceNode: '100个+',
                    // tapeWidth: '1Tb',
                    // server: '1000台',
                    operator: '电信/移动/联通',
                    operatorNum: 3
                },
                section5: {

                    title: '业务合作'
                },
                serviceSystem: [
                    {
                        icon: './static/images/kefu.png',
                        name: '客服专员',
                        desc1: '专业的客服经验,对您的服务问题深刻理解,快速反应'
                    },
                    {
                        icon: './static/images/24gf-phone24h.png',
                        name: '7*24小时',
                        desc1: '随时在线,及时性响应'
                    },
                    {
                        icon: './static/images/baobiaofenxi-copy.png',
                        name: '可视化报表系统',
                        desc1: '服务质量一目了然'
                    },
                    {
                        icon: './static/images/dingzhijiaju.png',
                        name: '量身定制服务',
                        desc1: '针对性诊断分析,定制最适合的服务解决方案'
                    }
                ],
                section6: {
                    title: '计费方式',
                    detail: [
                        {
                            name: '买断计费',
                            icon: './static/images/month-count.png',
                            desc: '按自然月结算,包月计费'
                        },
                        {
                            name: '日95带宽计费',
                            icon: './static/images/day95.png',

                            desc: '按天结算,每5分钟取一个计费点,一小时12个计费点,一天288个计费点,将288个计费点由大到小进行排序,去掉数值最高的5%的计费点,然后最高点为日95计费带宽值。'
                        }
                    ]
                },
                loading: true

            },
            computed: {
                total() {
                    return this.products.reduce((a, b) => a + b.stock, 100);
                },
                year() {
                    const year = new Date().getFullYear()
                    return year
                }
            },
            methods: {

            },
        });   
    </script>
    <script type="text/javascript">

        var myChart = echarts.init(document.getElementById('chart-panel'));
        var geoJson = {}

        var parentInfo = [{
            cityName: '全国',
            code: 100000
        }]

        var currentIndex = 0

        var timeTitle = []
        let mapDataSelf = [
            // {name:"新疆",cp:[86.61 , 40.79]},
            // {name:"西藏",cp:[89.13 , 30.66]},
            // {name:"黑龙江",cp:[128.34 , 47.05]},
            // {name:"吉林",cp:[126.32 , 43.38]},
            // {name:"辽宁",cp:[123.42 , 41.29]},
            { name: "内蒙古", cp: [112.17, 42.81] },
            // {name:"北京",cp:[116.40 , 40.40 ]},
            // {name:"宁夏",cp:[106.27 , 36.76]},
            // {name:"山西",cp:[111.95,37.65]},
            { name: "河北", cp: [115.21, 38.44] },
            // {name:"天津",cp:[117.04 , 39.52]},
            // {name:"青海",cp:[97.07 , 35.62]},
            // {name:"甘肃",cp:[103.82 , 36.05]},
            // {name:"山东",cp:[118.01 , 36.37]},
            // {name:"陕西",cp:[108.94 , 34.46]},
            // {name:"河南",cp:[113.46 , 34.25]},
            // {name:"安徽",cp:[117.28 , 31.86]},
            // {name:"江苏",cp:[120.26 , 32.54]},
            // {name:"上海",cp:[121.46 , 31.28]},
            // {name:"四川",cp:[103.36 , 30.65]},
            // {name:"湖北",cp:[112.29 , 30.98]},
            // {name:"浙江",cp:[120.15 , 29.28]},
            // {name:"重庆",cp:[107.51 , 29.63]},
            // {name:"湖南",cp:[112.08 , 27.79]},
            // {name:"江西",cp:[115.89 , 27.97]},
            // {name:"贵州",cp:[106.91 , 26.67]},
            // {name:"福建",cp:[118.31 , 26.07]},
            // {name:"云南",cp:[101.71 , 24.84]},
            // {name:"台湾",cp:[121.01 , 23.54]},
            // {name:"广西",cp:[108.67 , 23.68]},
            // {name:"广东",cp:[113.98 , 22.82]},
            // {name:"海南",cp:[110.03 , 19.33]},
            { name: "澳门", cp: [113.04, 22.19] },
            { name: "香港", cp: [114.87, 22.32] }
        ]
        init(100000)

        function init(adcode) {
            // initMapData - 地图数据，全局变量，位于 data.js 文件中
            initMapData.features.forEach(item => {
                let items = mapDataSelf.filter(obj => item.properties.name.includes(obj.name))
                item.properties.cp = items.length ? items[0].cp : item.properties.cp
                if (item.properties.name == '海南省') {
                    item.properties.cp = [110.03, 19.33]
                }
            })

            geoJson = initMapData
            getMapData()
        }

        //获取数据    
        function getMapData() {
            let mapData = [],
                pointData = [],
                sum = 0
            pointData = [
                {
                    "name": "上海市",
                    "value": [
                        121.472644,
                        31.231706,
                        244.12139094409778
                    ],
                    "cityCode": 310000
                },
                {
                    "name": "天津市",
                    "value": [
                        117.190182,
                        39.125596,
                        1848.660214421097
                    ],
                    "cityCode": 120000
                },
                {
                    "name": "河北",
                    "value": [
                        114.502461,
                        38.045474,
                        1052.4358526866315
                    ],
                    "cityCode": 130000
                },
                {
                    "name": "山西",
                    "value": [
                        112.549248,
                        36.857014,
                        2929.1861923150723
                    ],
                    "cityCode": 140000
                },
                {
                    "name": "内蒙古自治区",
                    "value": [
                        111.670801,
                        40.818311,
                        526.5231907842596
                    ],
                    "cityCode": 150000
                },
                {
                    "name": "辽宁",
                    "value": [
                        123.629096,
                        41.996767,
                        1592.0660459683643
                    ],
                    "cityCode": 210000
                },
                {
                    "name": "吉林",
                    "value": [
                        125.0245,
                        44.586841,
                        2604.4158186440336
                    ],
                    "cityCode": 220000
                },
                {
                    "name": "黑龙江",
                    "value": [
                        126.642464,
                        45.756967,
                        2482.1321510224748
                    ],
                    "cityCode": 230000
                },

                {
                    "name": "江苏",
                    "value": [
                        119.767413,
                        32.041544,
                        1303.9197082610249
                    ],
                    "cityCode": 320000
                },
                {
                    "name": "浙江",
                    "value": [
                        120.153576,
                        30.287459,
                        1695.468486139825
                    ],
                    "cityCode": 330000
                },
                {
                    "name": "安徽",
                    "value": [
                        117.283042,
                        30.86119,
                        2220.163915241894
                    ],
                    "cityCode": 340000
                },
                {
                    "name": "福建",
                    "value": [
                        119.306239,
                        27.075302,
                        277.6766639497592
                    ],
                    "cityCode": 350000
                },
                {
                    "name": "江西",
                    "value": [
                        115.892151,
                        28.676493,
                        2437.0566828209235
                    ],
                    "cityCode": 360000
                },
                {
                    "name": "山东",
                    "value": [
                        117.000923,
                        36.675807,
                        1145.538827677495
                    ],
                    "cityCode": 370000
                },
                {
                    "name": "河南",
                    "value": [
                        113.665412,
                        34.757975,
                        664.9762306132219
                    ],
                    "cityCode": 410000
                },
                {
                    "name": "湖北",
                    "value": [
                        114.298572,
                        30.584355,
                        1739.4557018971045
                    ],
                    "cityCode": 420000
                },
                {
                    "name": "湖南",
                    "value": [
                        112.982279,
                        28.19409,
                        270.93162546923753
                    ],
                    "cityCode": 430000
                },
                {
                    "name": "广东",
                    "value": [
                        114.280637,
                        24.125178,
                        1479.2454204872543
                    ],
                    "cityCode": 440000
                },
                {
                    "name": "广西壮族自治区",
                    "value": [
                        108.320004,
                        22.82402,
                        1682.9924230355525
                    ],
                    "cityCode": 450000
                },

                {
                    "name": "重庆市",
                    "value": [
                        106.504962,
                        29.533155,
                        825.0864795837751
                    ],
                    "cityCode": 500000
                },
                {
                    "name": "四川",
                    "value": [
                        104.065735,
                        31.659462,
                        558.905353235542
                    ],
                    "cityCode": 510000
                },

                {
                    "name": "云南",
                    "value": [
                        102.712251,
                        24.040609,
                        92.2217796383653
                    ],
                    "cityCode": 530000
                },
                {
                    "name": "西藏自治区",
                    "value": [
                        91.132212,
                        29.660361,
                        1734.5060523802779
                    ],
                    "cityCode": 540000
                },
                {
                    "name": "陕西",
                    "value": [
                        108.948024,
                        34.263161,
                        1049.3913138940304
                    ],
                    "cityCode": 610000
                },
                {
                    "name": "甘肃",
                    "value": [
                        103.823557,
                        36.058039,
                        2490.7025448308723
                    ],
                    "cityCode": 620000
                },

            ]


            initEchartMap(mapData, sum, pointData)
        }


        //渲染echarts
        function initEchartMap(mapData, sum, pointData) {
            var xData = [],
                yData = []
            // var min = mapData[mapData.length - 1].value
            // var max = mapData[0].value
            // if (mapData.length === 1) {
            //     min = 0
            // }
            // mapData.forEach(c => {
            //     xData.unshift(c.name)
            //     yData.unshift(c.value)
            // })
            //这里做个切换,全国的时候才显示南海诸岛  只有当注册的名字为china的时候才会显示南海诸岛
            // echarts.registerMap(parentInfo.length === 1 ? 'china' : 'map', geoJson);
            echarts.registerMap('china', geoJson);
            var option = {

                baseOption: {
                    backgroundColor: '#012248',
                    // title: [{
                    //         left: 'center',
                    //         top: 10,
                    //         text: 'ECCloud-节点分布',
                    //         textStyle: {
                    //             color: 'rgb(179, 239, 255)',
                    //             fontSize: 16
                    //         },
                    //     },
                    // ],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow'
                        },
                    },
                    grid: {
                        right: '2%',
                        top: '12%',
                        bottom: '8%',
                        width: '100%'
                    },
                    geo: {
                        map: 'china',
                        zoom: 1.1,
                        roam: false,
                        left: '10%',
                        right: '10%',
                        with: '80%',
                        top: '15%',
                        label: {
                            normal: {
                                show: true,
                                color: "rgb(249, 249, 249)", //份标签字体颜色
                                formatter: p => {
                                    switch (p.name) {
                                        case '内蒙古自治区':
                                            p.name = "内蒙古"
                                            break;
                                        case '西藏自治区':
                                            p.name = "西藏"
                                            break;
                                        case '新疆维吾尔自治区':
                                            p.name = "新疆"
                                            break;
                                        case '宁夏回族自治区':
                                            p.name = "宁夏"
                                            break;
                                        case '广西壮族自治区':
                                            p.name = "广西"
                                            break;
                                        case '香港特别行政区':
                                            p.name = "香港"
                                            break;
                                        case '澳门特别行政区':
                                            p.name = "澳门"
                                            break;

                                    }
                                    if (p.name.includes('省')) {
                                        p.name = p.name.replace('省', '')
                                    }
                                    if (p.name.includes('市')) {
                                        p.name = p.name.replace('市', '')
                                    }
                                    return p.name;
                                }
                            },
                            emphasis: {
                                show: true,
                                color: '#f75a00',
                            }
                        },
                        itemStyle: {
                            normal: {
                                areaColor: '#24CFF4',
                                borderColor: '#53D9FF',
                                borderWidth: 1.3,
                                shadowBlur: 15,
                                shadowColor: 'rgb(58,115,192)',
                                shadowOffsetX: 7,
                                shadowOffsetY: 6,
                            },
                            emphasis: {
                                areaColor: '#8dd7fc',
                                borderWidth: 1.6,
                                shadowBlur: 25,
                            }

                        },
                    },
                    series: [
                        // {
                        //     name: timeTitle[currentIndex] + '年销售额度',
                        //     type: 'map',
                        //     geoIndex: 0,
                        //     map: parentInfo.length === 1 ? 'china' : 'map',
                        //     roam: true,
                        //     zoom: 1.3,

                        // },
                        {
                            name: '散点',
                            type: 'effectScatter',
                            symbolSize: 8,
                            coordinateSystem: 'geo',
                            rippleEffect: {
                                brushType: 'fill'
                            },
                            itemStyle: {
                                normal: {
                                    color: '#ffbb00',
                                    shadowBlur: 13,
                                    shadowColor: '#333'
                                }
                            },
                            data: pointData,
                            showEffectOn: 'render', //加载完毕显示特效
                        },
                    ]

                },
            }

            console.log('option', option);

            myChart.setOption(option, true)
        }


    </script>
    <script src="static/js/crsine.js"></script>
    <script>
        $(document).ready(function () {
            let paddingAdd = ($(window).height() - $('.sections1').height()) / 2
            $('.sections1').css({ 'padding-top': paddingAdd + 'px', 'padding-bottom': paddingAdd + 'px' });
            let paddingAdd2 = ($(window).height() - $('.sections2').height()) / 2
            $('.sections2').css({ 'padding-top': paddingAdd2 + 'px', 'padding-bottom': paddingAdd2 + 'px', height: $(window).height() });
            let paddingAdd3 = ($(window).height() - $('.sections3').height()) / 2
            $('.sections3').css({ 'padding-top': paddingAdd3 + 'px', 'padding-bottom': paddingAdd3 + 'px' });
            let paddingAdd4 = ($(window).height() - $('.sections4').height()) / 2
            $('.sections4').css({ 'padding-top': paddingAdd4 + 'px', 'padding-bottom': paddingAdd4 + 'px' });
            let paddingAdd5 = ($(window).height() - $('.sections5').height()) / 2
            $('.sections5').css({ 'padding-top': paddingAdd5 + 'px', 'padding-bottom': paddingAdd5 + 'px' });
            let paddingAdd6 = ($(window).height() - $('.sections5').height()) / 2
            $('.sections6').css({ 'padding-top': paddingAdd6 + 'px', 'padding-bottom': paddingAdd6 + 'px' });
        })
        window.οnresize = function () {

        } 
    </script>

    <!-- <script>
            $(document).ready(function() {
                $("#news-slider").owlCarousel({
                    items:3,
                    itemsDesktop:[1199,3],
                    itemsDesktopSmall:[980,3],
                    itemsMobile:[600,1],
                    pagination:false,
                    navigationText:false,
                    autoPlay:true
                });
                $('#news-slider').owlCarousel({
                    loop: true,
                    margin: 20,
                    nav: false,
                    navText: [
                        "<i class='fa fa-angle-left'></i>",
                        "<i class='fa fa-angle-right'></i>"
                    ],
                    dots: false,
                    autoplay: true,
                    responsive: {
                        0: {
                            items: 1
                        },
                        600: {
                            items: 3
                        },
                        1000: {
                            items: 3
                        }
                    }
                });
            });
        </script> -->

</body>

</html>