<!DOCTYPE html>

<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie bit-html" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie  bit-html" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie bit-html" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 9]>
<html id="ie9" class="old-ie9 bit-html" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) | !(IE 9)  ]><!-->
<html class="bit-html" dir="ltr" lang="zh-CN">
<!--<![endif]-->
<head>
    <meta name="renderer" content="width=device-width, initial-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta name="MobileOptimized" content="width"/>
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=100%,height=100%,maximum-scale=1.0, user-scalable=yes"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=yes">
    <title>小蜘蛛 | 北京华虎兄弟科技有限公司</title>
    <link rel="profile" href="http://gmpg.org/xfn/11"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5shiv.min.js"></script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/respond.min.js"></script>

    <![endif]-->
    <!--<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>刷新-->
<!--    <script type="text/javascript" src="js/PageResize.js"></script>-->
    <script type="text/javascript" src="js/animate.js"></script>
    <script type="text/javascript" src="js/global.js"></script>

    <script type="text/javascript" src="js/jquery.slide.js"></script>
    <script type="text/javascript" src="js/waypoints.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <style type="text/css" id="static-stylesheet"></style>
    <link rel="stylesheet" type="text/css" href="css/edit_respond.css" media="all"/><!-- Cache! -->
    <link rel="stylesheet" type="text/css" href="css/animations.css" media="all"/><!-- Cache! -->
    <link rel="stylesheet" type="text/css" href="css/style.css" media="all"/><!-- Cache! -->
    <link rel="stylesheet" type="text/css" href="css/support.css" media="all"/><!-- Cache! -->
    <style type='text/css'>
        .iphorm-elements .iphorm-element-wrap-text input, .iphorm-elements .iphorm-element-wrap-captcha input, .iphorm-elements .iphorm-element-wrap-password input, .iphorm-elements .iphorm-element-wrap select, .iphorm-elements .iphorm-element-wrap textarea {
            WIDTH: 100% !important;
        }


    </style>
    <<script type='text/javascript'>
        /* <![CDATA[ */
        /* dt-plugins */
        var dtLocal = {
            "passText": "To view this protected post, enter the password below:",
            "moreButtonAllLoadedText": "Everything is loaded",
            "postID": "5365",
            "ajaxurl": "",
            "contactNonce": "8b5699a8c1",
            "ajaxNonce": "461c1267e0",
            "pageData": {"type": "page", "template": "page", "layout": null},
            "themeSettings": {"smoothScroll": "on"}
        };
        /* thickbox */
        var thickboxL10n = {
            "next": "\u4e0b\u4e00\u5f20 >",
            "prev": "< \u4e0a\u4e00\u5f20",
            "image": "\u56fe\u7247",
            "of": "\/",
            "close": "\u5173\u95ed",
            "noiframes": "This feature requires inline frames. You have iframes disabled or your browser does not support them.",
            "loadingAnimation": "\/\/f.goodq.top\/FeiEditor\/bitSite\/images\/preloader.gif"
        };

        /* ]]> */
    </script>
    <script type="text/javascript" src="js/include.min.js"></script>
    <style class='style_0'>.bitRightSider .widget-title, .bitLeftSider .widget-title {
        padding: 0 0 0 10px;
        height: 30px;
        line-height: 30px;
        background-color: #474747;
        margin: 0px;
        font-family: 微软雅黑;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: #ffffff;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        background-image: none;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .bitRightSider .bitWidgetFrame, .bitLeftSider .bitWidgetFrame {
        border-top: 0;
        border-bottom: 1px solid #bababa;
        border-left: 1px solid #bababa;
        border-right: 1px solid #bababa;
        padding: 4px 10px 4px 10px;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .bitRightSider .site_tooler, .bitLeftSider .site_tooler {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .bitRightLeftSiderWidget.site_tooler .bitWidgetFrame, .bitRightLeftSiderWidget.site_tooler .bitWidgetFrame {
        background-color: transparent;
        background-image: none;
        background-repeat: repeat;
        -webkit-border-bottom-left-radius: 0px;
        border-bottom-left-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }</style>
    <style class='style_0'>.footer .widget-title {
        padding: 0 0 0 10px;
        height: 28px;
        line-height: 28px;
        background-color: #024886;
        margin: 0px;
        font-family:;
        font-size: px;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        color: #fff;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        background-image: none;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .footer .widget-title {
        border-top: 0;
        border-left: 0;
        border-right: 0;
    }

    .footer .bitWidgetFrame {
        border-bottom: 0;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        padding: 4px 10px 4px 10px;
    }

    .footer .site_tooler {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .footer .site_tooler .bitWidgetFrame {
        background-color: transparent;
        background-image: none;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }</style>
    <meta name="robots" content="index, follow"/>
    <meta name="description" content="网站模板"/>
    <style type="text/css">
    </style>
    <script type="text/javascript">
        dtGlobals.logoEnabled = 1;
        dtGlobals.curr_id = '5365';
        dtGlobals.logoURL = '';
        dtGlobals.logoW = '95';
        dtGlobals.logoH = '45';
        dtGlobals.qfyname = '华虎兄弟';
        dtGlobals.id = '54cb4e2ce1429';
        dtGlobals.language = '';
        smartMenu = 1;
        document.cookie = 'resolution=' + Math.max(screen.width, screen.height) + '; path=/';
        dtGlobals.gallery_bgcolor = 'rgba(51,51,51,1)';
        dtGlobals.gallery_showthumbs = '0';
        dtGlobals.gallery_style = '';
        dtGlobals.gallery_autoplay = '0';
        dtGlobals.gallery_playspeed = '3';
        dtGlobals.gallery_imagesize = '100';
        dtGlobals.gallery_imageheight = '100';
        dtGlobals.gallery_stopbutton = '';
        dtGlobals.gallery_thumbsposition = '';
        dtGlobals.gallery_tcolor = '#fff';
        dtGlobals.gallery_tsize = '16';
        dtGlobals.gallery_dcolor = '#fff';
        dtGlobals.gallery_dsize = '14';
        dtGlobals.gallery_tfamily = '';
        dtGlobals.gallery_dfamily = '';
        dtGlobals.gallery_blankclose = '0';
        dtGlobals.gallery_arrowstyle = '0';
        dtGlobals.fm_showstyle = '';
        dtGlobals.fm_showspeed = '';
        dtGlobals.cdn_url = 'https://ccdn.goodq.top';
        dtGlobals.googlekey = '';
        dtGlobals.qfymodel = "";
        var socail_back_url = '';

    </script>
<!-- 合并并优化viewport设置 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    
    <!-- 添加移动端样式 -->
    <style>
        /* 基础响应式设置 */
        img {
            max-width: 100%;
            height: auto;
        }

        /* 移动端菜单改造 */
        .menu {
            display: flex;
            flex-wrap: wrap;
        }

        .hamburger {
            display: none;
            cursor: pointer;
        }

        /* 响应式容器 */
        .baseDiv, .backgroundDiv, .titleDiv {
            width: 100%;
            max-width: 1350px;
            margin-left: auto;
            margin-right: auto;
        }

        /* 移动端产品布局调整 */
        .product-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .product-item {
            width: 100% !important;
            margin: 10px 0;
        }

        /* 合作伙伴调整 */
        .partner_typeul li {
            display: block;
            margin: 10px 0;
        }

        /* 媒体查询 */
        @media (max-width: 768px) {
            /* 隐藏桌面菜单 */
            .menu {
                display: none;
            }

            /* 显示汉堡菜单 */
            .hamburger {
                display: block;
                position: fixed;
                right: 20px;
                top: 20px;
                z-index: 1001;
            }

            /* banner文字调整 */
            .bannerText {
                font-size: 32px !important;
                text-align: center;
                padding: 0 20px;
            }

            /* 企业简介区域 */
            .detailText {
                width: 90% !important;
                left: 5% !important;
            }

            .knowmore {
                margin-left: 50% !important;
                transform: translateX(-50%);
            }

            /* 解决方案表格转纵向 */
            table, tr, td {
                display: block;
                width: 100% !important;
            }

            /* 企业动态布局 */
            .newsDescIndex {
                width: 90% !important;
            }

            /* 页脚调整 */
            footer table {
                display: block;
            }
            footer td {
                display: block;
                margin: 10px 0;
            }
        }

        @media (max-width: 480px) {
            .bannerText {
                font-size: 24px !important;
            }
            
            .titleFont {
                font-size: 28px !important;
            }
        }
    </style>
</head>
<body class="home page page-id-5365 page-template-default image-blur widefull_header2 widefull_footer2 widefull_topbar2 btn-flat content-fullwidth qfe-js-composer js-comp-ver-4.0.1 vc_responsive"
      data-pid="5365" data-pkey="b9b5b39c64d6a76af058efa5a554516d">
<script>
    var Random = function (min, max) {
        return Math.round(Math.random() * (max - min)) + min;
    }
    //apm normal access
    if (Random(1, 20) == 1) {
        !(function (c, b, d, a) {
            c[a] || (c[a] = {});
            c[a].config = {
                pid: "c9ihesw3jb@ccca834f41b7459",
                appType: "web",
                imgUrl: "https://arms-retcode.aliyuncs.com/r.png?"
            };
            with (b) with (body) with (insertBefore(createElement("script"), firstChild)) setAttribute("crossorigin", "", src = d)
        })(window, document, "https://retcode.alicdn.com/retcode/bl.js", "__bl");
    }


</script>

<div class="header" style="position: fixed;top:0;left:0;width:100%;z-index: 1000">
    <div class="header-bg"></div>
    <div class="container_header">
        <div class="blank_lock"></div>
        <a class="logo" href="index.html">
        </a>
        <ul class="menu">
            <li class="menu-item"><a href="index.html" class="menuFontSelected">首页</a></li>

            <li class="menu-item"><a href="aboutus.html">关于我们</a></li>
            <li class="menu-item">
                <a href="moonPackProduct.html">产品及解决方案</a>
                <div class="menu-children-wrap">
                    <div class="menu-children" style="">
                        <div>
                            <div class="menu-children-item ">
                                <a href="moonPackProduct.html">小蜘蛛手机小背包(MoonPack-Phone)</a>
                            </div>
                        </div>
                        <div>
                            <div class="menu-children-item">
                                <a href="moonPhone-C.html">小蜘蛛用户感知众测App(MoonPhone-C)</a>
                            </div>
                        </div>
                        <div>
                            <div class="menu-children-item">
                                <a href="modelPack.html">模组小背包(MoonPack-Box)</a>
                            </div>
                        </div>
                        <div>
                            <div class="menu-children-item">
                                <a href="singleStation.html">小蜘蛛单站验收系统(SiteCheck)</a>
                            </div>
                        </div>
                        <div>
                            <div class="menu-children-item">
                                <a href="robot.html">小蜘蛛智测机器人(MoonRobot)</a>
                            </div>
                        </div>
                        <div>
                            <div class="menu-children-item">
                                <a href="drone.html">小蜘蛛智测无人机(SpiderSky)</a>
                            </div>
                        </div>
                        <div>
                            <div class="menu-children-item">
                                <a href="">蜘蛛云平台(SpiderCloud)</a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="menu-item">
                <a href="videoCenter.html">视频中心</a>
            </li>
            <li class="menu-item">
                <a href="companyDynamics.html">企业动态</a>
            </li>
            <!--<li class="menu-item">
                <a href="contactUs.html">联系我们</a>
            </li>-->
        </ul>
        <div class="blank_lock"></div>
    </div>
    <style>
        .menuFont {
            font-size: 16px;
            font-weight: bold;
            color: #666666;
        }

        .menuFontSelected {
            font-size: 16px;
            font-weight: bold;
            color: #d51818;
        }

        .menuItembackgroud {
            background: url("/img/解决方案/顶部下拉菜单箭头对应当前选项.png") left center no-repeat;
        }
		
    </style>
</div>
<div id="page" backgroundSize='false' class=' wide ' style = "justify-content: center;">
    <!--口号展示区 -->
    <!--<section class="bitBanner" id="bitBanner" bitdatamarker="bitBanner" bitdataaction="site_fix_container">
        <div id="rev-slider-widget-2" style="" class="bitImageControlDiv bitBanner widget_revslider site_tooler">
            &lt;!&ndash; START REVOLUTION SLIDER 4.1.4 fullwidth mode &ndash;&gt;
            <style type='text/css' id="bit_revsider_style">
                @media screen and (min-width: 768px) {
                    #rev_slider_2_1_wrapper {
                        height: 525px;
                    }
                }

                @media screen and (max-width: 768px) {
                    #rev_slider_2_1_wrapper .tp-bullets {
                        display: none !important;
                    }

                    #rev_slider_2_1_wrapper .tparrows {
                        display: none !important;
                    }
                }

                @media screen and (min-width: 768px) {
                    #cooperative_partner {
                        height: 525px;
                    }
                }

                @media screen and (max-width: 768px) {
                    #cooperative_partner .tp-bullets {
                        display: none !important;
                    }

                    #cooperative_partner .tparrows {
                        display: none !important;
                    }
                }
            </style>
            <div id="rev_slider_2_1_wrapper"
                 style="margin:0px auto;background-color:#e9e9e9;padding:0px;margin-top:0px;margin-bottom:0px;max-height:550px;">
                <div id="rev_slider_2_1"
                     style="display:none;max-height:550px;height:550px;">
                    <ul data-height="550" data-mobileheight="151">    &lt;!&ndash; SLIDE  &ndash;&gt;
                        <li data-slideId="11" data-transition="fold" data-slotamount="0"
                            data-masterspeed="600">
                            &lt;!&ndash; MAIN IMAGE &ndash;&gt;
                            <img src="img/bkColor.png"
                                 alt="home05"
                                 data-lazyload="img/首页/banner.png"
                                 data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
                            &lt;!&ndash; LAYERS &ndash;&gt;

                            &lt;!&ndash; LAYER NR. 1 &ndash;&gt;
                            <div data-width='1583' data-height='550' data-pt='' data-pb='' data-pl='' data-pr=''
                                 data-device="1" dataBordersShow="0" dataBorders="" dataTop="-40" dataLeft="0"
                                 dataAlignVert="middle" dataAlignHor="center" dataStyle="black" dataAnimation="lft"
                                 dataEndAnimation="auto" bitSlidetextIndex="2"
                                 class="tp-caption black lft wf-mobile-hidden"
                                 data-x="center" data-hoffset="0"
                                 data-y="center" data-voffset="-40"
                                 data-speed="2000"
                                 bgcolor="transparent"
                                 bgcolor_opt="1"
                                 data-start="500"
                                 data-endspeed="300"
                                 style="position:absolute; opacity: 0;background-color:transparent;text-decoration:none;z-index: 3">
                                <div style = "display:flex;justify-content: center;align-items: center;margin-top: 180px;"><span style="color: rgb(255, 255, 255); font-size: 50px;">华虎小蜘蛛，</span><span
                                        style="color: rgb(255, 255, 255); font-size: 50px;">守护中国蜂窝网络15+年 </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <script type="text/javascript" id="bit_revsider" data-sliderID="2">
                var revapi2_param = {
                    hideTimerBar: "on",
                    simplifyAll: "on",
                    dottedOverlay: "wushiblack",
                    delay: 9000,
                    startwidth: 1583,
                    startheight: 430,
                    hideThumbs: 200,

                    thumbWidth: 100,
                    thumbHeight: 50,
                    thumbAmount: 2,

                    navigationType: "bullet",
                    navigationArrows: "solo",
                    navigationStyle: "round",
                    touchenabled: "off",
                    onHoverStop: "on",

                    navigationHAlign: "center",
                    navigationVAlign: "bottom",
                    navigationHOffset: 0,
                    navigationVOffset: 20,

                    soloArrowLeftHalign: "left",
                    soloArrowLeftValign: "center",
                    soloArrowLeftHOffset: 20,
                    soloArrowLeftVOffset: 0,

                    soloArrowRightHalign: "right",
                    soloArrowRightValign: "center",
                    soloArrowRightHOffset: 20,
                    soloArrowRightVOffset: 0,

                    navigation_arrows_style: 'default',

                    shadow: 0,
                    fullWidth: "on",
                    fullScreen: "off",

                    stopLoop: "off",
                    stopAfterLoops: -1,
                    stopAtSlide: -1,


                    shuffle: "off",

                    autoHeight: "on",
                    forceFullWidth: "off",


                    hideThumbsOnMobile: "off",
                    hideBulletsOnMobile: "off",
                    hideArrowsOnMobile: "off",
                    hideThumbsUnderResolution: 0,

                    hideSliderAtLimit: 0,
                    hideCaptionAtLimit: 0,
                    hideAllCaptionAtLilmit: 0,
                    startWithSlide: 0,
                    videoJsPath: "",
                    fullScreenOffsetContainer: ""
                }
            </script>
            <script type="text/javascript">

                var tpj = jQuery;
                tpj.noConflict();
                var revapi2;

                function run_revApi() {
                    if (tpj('#rev_slider_2_1').revolution == undefined)
                        revslider_showDoubleJqueryError('#rev_slider_2_1');
                    else {

                        revapi2 = tpj('#rev_slider_2_1').show().revolution(revapi2_param);
                    }
                }

                tpj(document).ready(function () {
                    if ("off" == "on" && top != self) {
                        setTimeout("run_revApi()", 300);
                    } else {
                        run_revApi();
                    }

                });	//ready

            </script>
        </div>&lt;!&ndash; END REVOLUTION SLIDER &ndash;&gt;
    </section>-->
    <section class="bannerSetting">
            <label class = "bannerText">华虎小蜘蛛，守护中国蜂窝网络15+年</label>
        <style>
            .bannerSetting {
                background-image: url('img/首页/banner.png');
                bbackground-size: contain;
                width: 100%;
                height: 500px;
                justify-content: center;
                align-items: center;
                font-size: 50px;
                color: rgb(255, 255, 255);
   
				background-size: cover;/*平铺*/
				background-position: center;
				background-repeat: no-repeat;
            }

            .bannerText {
                font-size: 60px;
                font-weight: bold;
                color: #FFFFFF;
                position: relative;
				display: flex;
				justify-content: center; /* 水平居中 */
				align-items: center; /* 垂直居中 */
				height: 100%; /* 容器高度 */
				object-fit: cover;
            }
        </style>
    </section>
    <!--企业信息总汇-->
    <section>
        <div class="titleDiv" style="background-image: url('img/首页/标题.png');height:100px;margin-top: 20px">
            <label class="titleFont">企业简介<label class="subtitleFont">INTRODUCE</label></label>
        </div>
        <div class="backgroundDiv" style="height:737px;background-image: url('img/首页/企业简介.png');">
            <label class="detailTitle">北京华虎兄弟科技有限公司</label>
            <div class="detailText">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;北京华虎兄弟科技有限公司成立于2011年，是一家主营业务为“从事通信网络仪器仪表和运维平台的独立自动研发、网络规划/路测/优化/维护等相关技术服务”的技术企业。
                <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司拥有先进的技术装备、雄厚的技术力量和丰富的经营、管理经验，具备为公网运营商、行业运营商、设备厂商、三方服务公司等提供网络规划、优化、技术支持和售后服务等业务的专业化、规模化服务能力。
            </div>
            <img class="knowmore" src='img/首页/了解更多1.png' style = "z-index: 100000" onclick="openWindowHref('aboutus.html')">
        </div>
			
        <style>
            .knowmore {
                /* left: 630px; */
                margin-top: 65px;
                background-position: left;
                background-repeat: no-repeat;
                margin-left: 550px;
                top: 90px;
                width:133px;
                height:36px;
            }

            .detailText {
                height: 300px;
                width: 600px;
                position: relative;
                top: 65px;
                left: 30px;
                font-size: 18px;
                color: #FFFFFF;
                margin-left: 50px;
                line-height: 2; /* 无单位的数字，相对于字体大小的行间距 */
            }

            .detailTitle {
                font-size: 24px;
                font-weight: bold;
                color: #fffefe;
                height: 60px;
                /* top: 50px; */
                position: relative;
                top: 50px;
                left: 30px;
                margin-left: 50px;
                margin-top: 200px;
            }

            .titleFont {
                font-size: 36px;
                font-weight: bold;
                color: #333333;
                height: 60px;
                top: 10px;
                position: relative;
                top: 15px;
                left: 30px
            }

            .subtitleFont {
                font-size: 16px;
                color: #999999;
                margin-left: 10px;
                margin-top: 50px
            }

            .titleDiv {
				display:block;
                margin-top: 20px;
                width: 1350px;
                margin-left: auto;
                margin-right: auto;
				margin-bottom: 20px;
                background-position: left;
                background-repeat: no-repeat;
            }

            .baseDiv {
				display: block;
				margin-left: auto;
				margin-right: auto;
                width: 1350px;
				margin-top:20px;
            }
            .baseFullDiv {
				display: block;
				margin-left: auto;
				margin-right: auto;
                width: 100%;
				
                background-repeat: no-repeat;
            }
			.baseFullDive {
				display: flex;
				justify-content: center;
				align-items: center;
				height: auto; /* Full height of the viewport */
			}
			
            .backgroundDiv {
				display: block;
				margin-left: auto;
				margin-right: auto;
                width: 1350px;
                margin-bottom: 20px;
                background-position: center;
                background-repeat: no-repeat;
				top:50px;
            }
        </style>
    </section>
    <!--企业事记-->
    <section>
		<div class="titleDiv">
		<div class="baseFullDive">
			<img src="img/首页/企业事记.png" style="height:661px;margin-top: 100px;">
        </div>
		</div>
   
        

        <!--<style>
            .eventDesc {
                position: relative;
                top: 260px;
                margin-left: 100px;
                font-size: 24px;
                color: #333333;
            }
        </style>-->
    </section>
    <!--解决方案-->
    <section>
        <div class="titleDiv" style="background-image: url('img/首页/标题.png');height:100px;position:relative;margin-top: 80px;margin-bottom: -40px;">
            <label class="titleFont">解决方案<label class="subtitleFont" >CASES</label></label>
        </div>
		<div>
		</br>
		</br>
        </div>
        <div class="baseDiv" style="height:422px;display: flex; margin-bottom: 30px;">
            <table style="width:100%;height:100%;">
                <tr>
                    <td style="width:441px;height:432px;margin-right: 30px;">
                        <a href="moonPackProduct.html">
						<div id="productBig" class = "image-container"
                             style="justify-content: center;align-items: center;text-align: center;background-repeat: no-repeat;background-image: url('img/首页/产品区域-大.png');width:391px;height:432px;background-size: 100% 100%;">
                            <img src="img/首页/便携式小蜘蛛手机背包.png" style="margin-top: 60px;margin-bottom: 20px;">
                            <div  id = "bigFirst" style="color: #333333;font-weight:bold;font-size: 24px;margin-top: 1px;position: relative;top:20px;">
                                小蜘蛛手机小背包<br>(MoonPack-Phone)
                            </div>
                            <div  id = "bigSecond" style="color: #999999;font-size: 18px;position: relative;top:20px;">高铁 | 地铁 | 室内 | 室外</div>

                            <div class="overlay" style = "width:391px;height:432px;top:-405px;background-image: url('img/首页/选中产品-大.png');background-repeat: no-repeat;background-size: 100% 100%;">
                                <div  style="color: #FFFFFF;font-weight:bold;font-size: 24px;position: relative;top:340px">
                                    小蜘蛛手机小背包<br>(MoonPack-Phone)
                                </div>
                                <div  style="color: #FFFFFF;font-size: 18px;position: relative;top:340px">高铁 | 地铁 | 室内 | 室外</div>
                            </div>
                        </div>
						</a>
                    </td>
                    <td>
                        <table>
                            <tr>
                                <td style="width:488px;height:225px;">
								 <a href="moonPhone-C.html">
                                    <div class="productMiddle image-container"
                                         style="background-image: url('img/首页/产品区域-小.png');width:448px;height:205px;background-repeat: no-repeat; margin-left:-35px;">
										
                                        <div style="display: flex;justify-content: center;align-items: center;text-align: center;">
                                            <img src="img/首页/感知众测app.png"
                                                 style="position:relative;top: 0px;margin-bottom: 0px;margin-right:50px;margin-left:-25px">

                                            <div style="color: #333333;font-weight:bold;font-size: 24px;margin-left:-100px;margin-top:-15px;">小蜘蛛用户感知众测App
                                            </div>
											<div style="color: #333333;font-weight:bold;font-size: 24px;margin-left:-220px;margin-top: 40px;">(MoonPhone-C)
                                            </div>
                                        </div>
                                        <div class = "middleFirst" style="color: #FFFFFF;font-size: 18px;margin-top: -15px;text-align: center;">
                                            高铁 | 地铁 | 室内 | 室外
                                        </div>
                                        <div class="overlay" style = "width:468px;height:205px;top:-212px;background-image: url('img/首页/选中产品-小.png');background-repeat: no-repeat;">
                                            <div  style="color: #FFFFFF;font-size: 18px;position: relative;top:175px;text-align: center;">
                                                高铁 | 地铁 | 室内 | 室外
                                            </div>
                                        </div>
                                    </div>
									</a>
                                </td>
								
                                <td style="width:488px;height:225px;margin-left:20px;">
								<div class="understand">
										<img class="solutionknowmore" src='img/首页/了解更多2.png' onclick="openWindowHref('moonPackProduct.html')">
									</div>
									<a href="drone.html">
									
                                    <div class="productMiddle image-container"
                                         style="background-image: url('img/首页/产品区域-小.png');width:468px;height:205px;background-repeat: no-repeat;background-size: 100% 100%;" >
                                        <div style="display: flex;justify-content: center;align-items: center;text-align: center;">
                                            <img src="img/首页/无人机.png"
                                                 style="position:relative;top: 20px;margin-bottom: 0px;margin-right:50px">

                                            <div style="color: #333333;font-weight:bold;font-size: 24px;margin-left:-35px;margin-top: 20px;">小蜘蛛智测无人机
                                            </div>
											<div style="color: #333333;font-weight:bold;font-size: 24px;;margin-left:-160px;margin-top: 75px;">(SpiderSky)
                                            </div>
                                        </div>
                                        <div class = "middleFirst" style="color: #ffffff;font-size: 18px;margin-top: 28px;text-align: center;">
                                            特殊场景无人值守巡检测试
                                        </div>
                                        <div class="overlay" style = "width:468px;height:205px;top:-212px;background-image: url('img/首页/选中产品-小.png');background-repeat: no-repeat;background-size: 100% 100%;">
                                            <div style="color: #FFFFFF;font-size: 18px;position: relative;top:175px;text-align: center;">
                                                特殊场景无人值守巡检测试
                                            </div>
                                        </div>
                                    </div>
									</a>
                                </td>
                            </tr>
                            <tr>
                                <td style="width:488px;height:225px;margin-left: 20px;">
								<a href="modelPack.html">
                                    <div class="productMiddle image-container"
                                         style="background-image: url('img/首页/产品区域-小.png');width:448px;height:205px;background-repeat: no-repeat;margin-left:-35px;">
                                        <div style="display: flex;justify-content: center;align-items: center;text-align: center;">
                                            <img src="img/首页/模组小背包.png"
                                                 style="position:relative;top: 10px;margin-bottom: 0px;margin-right:50px">

                                            <div style="color: #333333;font-weight:bold;font-size: 24px;margin-top: -20px;margin-left:-20px">
                                                模组小背包
                                            </div>
											<div style="color: #333333;font-weight:bold;font-size: 24px;margin-top: 35px;margin-left:-150px">
                                                (MoonPack-Box)
                                            </div>
                                        </div>
                                        <div class = "middleFirst" style="color: #ffffff;font-size: 18px;margin-top: 10px;text-align: center;">
                                            高铁 | 地铁 | 室内 | 室外
                                        </div>
                                        <div class="overlay" style = "width:468px;height:205px;top:-210px;background-image: url('img/首页/选中产品-小.png');background-repeat: no-repeat;">
                                            <div  style="color: #FFFFFF;font-size: 18px;position: relative;top:175px;text-align: center;">
                                                高铁 | 地铁 | 室内 | 室外
                                            </div>
                                        </div>
                                    </div>
									</a>
                                </td>
                                <td style="width:488px;height:225px;margin-left: 20px;">
								<a href="">
                                    <div class="productMiddle image-container"
                                         style="background-image: url('img/首页/产品区域-小.png');width:468px;height:205px;background-repeat: no-repeat;background-size: 100% 100%;">
                                        <div style="display: flex;justify-content: center;align-items: center;text-align: center;">
                                            <img src="img/首页/蜘蛛云平台.png"
                                                 style="position:relative;top: 10px;margin-bottom: 0px;margin-right:50px;margin-left:-50px">

                                            <div style="color: #333333;font-weight:bold;font-size: 24px;margin-top: -30px;margin-left:-20px">小蜘蛛蜘蛛云平台</div>
											<div style="color: #333333;font-weight:bold;font-size: 24px;margin-top: 25px;margin-left:-170px">(SpiderCloud)</div>
                                        </div>
                                        <div class = "middleFirst" style="color: #ffffff;font-size: 18px;margin-top: 3px;text-align: center;">
                                            高铁 | 地铁 | 室内 | 室外
                                        </div>
                                        <div class="overlay" style = "width:468px;height:205px;top:-210px;background-image: url('img/首页/选中产品-小.png');background-repeat: no-repeat;background-size: 100% 100%;">
                                            <div  style="color: #FFFFFF;font-size: 18px;position: relative;top:175px;text-align: center;">
                                                高铁 | 地铁 | 室内 | 室外
                                            </div>
                                        </div>
                                    </div>
									</a>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td></td>
                </tr>

            </table>
        </div>
        <style>
			.understand{
				position: relative;
			
			}
            .solutionknowmore {
				display: block;
				margin-left: auto;
				margin-right: auto;
                width: 133px;
                height: 36px;
                margin-top:0px;
				position: absolute;
				bottom:-15px;
				
				top: -40px;
				right: 0;
				
            }
			.middleFirst{
			padding: 6px; /* 设置文字周围的空间大小 */
			margin: 1px; /* 设置元素周围的空间大小 */
			background-color: #808080;
			}
        </style>
    </section>
    <!--企业动态-->
    <section class="baseFullDiv" style = "background-color: #f9f9f9;height:550px;margin-bottom: 80px;">
        <div class="titleDiv" style="background-image: url('img/首页/标题.png');height:100px;position:relative;margin-top: 80px;">
            <label class="titleFont">企业动态<label class="subtitleFont">TREND</label></label>
        </div>
        <div class="baseDiv" style="height:410px;display: flex;">
            <div style="width:182px;height:100%;">
                <img src="img/首页/新闻2.png" style="margin-bottom: 30px;width:276px;">
                <img src="img/首页/新闻1.png" style = "width:276px;">
            </div>
            <div style="width:850px;justify-content: center; position: relative; margin-right: 110px;left:100px;">
                <div style="margin-top: 0px;background-color: #FFFFFF;width:100%;height:182px; background-color: #FFFFFF;">
                    <br>
                    <label class="newsTitle"><a onclick="openWindowNew('newsDetail.html?type=0')">探访试乘即将开通的四川巴南高铁</a>
					
					</label>
                    <div class="newsDescIndex">
                        来自中央、省市级媒体试乘55834次试运行动车组从四川南充北站出发，实地体验即将开通的巴中至南充高铁(简称“巴南高铁”)。
                    </div>
                    <img style="position: relative;left:590px" src="img/首页/查看详情.png"
                         onclick="openWindowNew('newsDetail.html?type=1')">
                    <br>
                    <label class="dateDescIndex">2024年6月25日</label>
                </div>
                <div style="margin-top: 34px;background-color: #FFFFFF;width:100%;height:182px;background-color: #FFFFFF;">
                    <br>
                    <label class="newsTitle"><a onclick="openWindowNew('newsDetail.html?type=1')">第三届移动网络高质量发展论坛在京举办</a></label>
                    <br>
                    <div class="newsDescIndex">2024年6月6日,"2024移动通信高质量发展论坛" 在京举行。"第三届移动网络高质量发展论坛"
                        以分论坛形式同期召开。
                    </div>
                    <img style="position: relative;left:590px" src="img/首页/查看详情.png"
                         onclick="openWindowNew('newsDetail.html?type=0')">
                    <br>
                    <label class="dateDescIndex">2024年6月6日</label>

                </div>
            </div>
            <div style="width:320px;background-image: url('img/首页/企业动态-右侧板块.png');background-repeat: no-repeat">
                <div style = "display: flex;">
                    <label class="rightTitle" style="right:10px;top:10px;width:100px" onclick="openWindowHref('companyDynamics.html?type=1')">新闻资讯</label>
                    <img src="img/首页/箭头-右.png" style="position: relative;right:8px;top: 16px;width:20px;height:20px">
                </div>
                <div style = "display: flex;">
                    <label class="rightTitle" style="right:10px;width:100px;top:110px;"
                           onclick="openWindowHref('companyDynamics.html?type=2')">入围事记</label>
                    <img src="img/首页/箭头-右.png" style="position: relative;top:115px;position: relative;right:8px;width:20px;height:20px">
                </div>
                <div style = "display: flex;">
                    <label class="rightTitle" style="top:210px;right:10px;width:100px"
                           onclick="openWindowHref('companyDynamics.html?type=3')">产品研发</label>
                    <img src="img/首页/箭头-右.png" style="position: relative;top:215px;position: relative;right:8px;width:20px;height:20px">
                </div>
            </div>

        </div>
        <style>
            .rightTitle {
                position: relative;

                margin-left: 200px;
                font-size: 24px;
                font-weight: bold;
                color: #ffffff;
            }
			.newsTitle{
			left:45px;
			}

            .rednewsTitle {
                top: 50px;
                font-size: 24px;
                font-weight: bold;
                position: relative;
                color: #d51818;
				
            }

            .newsDescIndex {
                font-size: 18px;
                position: relative;
                color: #666666;
                line-height: 1.5; /* 无单位的数字，相对于字体大小的行间距 */
                margin-top: 15px;
                left: 45px;
                position: relative;
                word-wrap: break-word;
                /* margin-right: 107px; */
                width:660px;
            }

            .dateDescIndex {
                font-size: 18px;
                color: #999999;
                left: 45px;
				top: -20px;
                position: relative;
            }
        </style>
    </section>
    <!--合作伙伴 -->
    <section style="margin-top: 0px;">
        <div id="cooperative_partner"
             style="background-image: url('img/首页/合作伙伴.png'); height:430px;width:100%;bbackground-size: contain;background-size: cover;
				background-position: center;	background-repeat: no-repeat;justify-items: center; ">
            <img class="partnerText"
                 src="img/首页/合作伙伴text.png">
            <div class="partner_typee">
                <ul class="partner_typeul">
                    <li style="margin-left:0px;"><a style="color:#d51818;font-weight:bold;position: relative;left:10px;font-size:24px" id="btnOperator">运营商</a></li>
                    <li><img src="img/首页/line_short.png" style="margin-top: 8px"></li>
                    <li><a style="color:#333333;position: relative;left:10px;font-weight: normal;font-size:24px" id="btnDevice">设备商</a></li>
                    <li><img src="img/首页/line_short.png" style="margin-top: 8px"></li>
                    <li><a style="color:#333333;position: relative;left:10px;font-weight: normal;font-size:24px" id="btnMobile">手机厂商</a></li>
                </ul>

            </div>
            <div class="scrollpic">
				<div class="leftarrow">
					<img src="img/首页/箭头-左.png" style="margin-top: 20px">
				</div>
				<div class="rightarrow">
					<img src="img/首页/箭头-右.png" style="margin-top: 20px">
				</div>
                <span class="btn-bar-left"></span>
				
                <div class="bar-content" id="operators">
                    <!--<span class="btn-bar-left"></span>-->
                    <ul class="bar-image-list" style="">
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/1.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/2.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/3.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/4.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/5.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/6.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/7.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/运营商/8.png"/>
                        </li>
                    </ul>
                    <!--<span class="btn-bar-right"></span>-->
                </div>
				
                <div class="bar-content hidden" id="systems">
                    <span class="btn-bar-left"></span>
                    <ul class="bar-image-list">
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/1.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/2.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/3.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/4.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/5.png"/>
                        </li>
                        <class="bar-image-list" style = "margin-left: 100px">
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/1.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/2.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/3.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/4.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/设备商/5.png"/>
                        </li>
                    </ul>
                    <span class="btn-bar-right"></span>
                </div>
                <div class="bar-content hidden" id="partners">
                    <span class="btn-bar-left"></span>
                    <ul class="bar-image-list">
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/1.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/2.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/3.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/4.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/5.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/1.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/2.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/3.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/4.png"/>
                        </li>
                        <li class="bar-image-item">
                            <img class="bar-image" src="img/首页/合作伙伴logo/手机厂商/5.png"/>
                        </li>
                    </ul>
                    <span class="btn-bar-right"></span>
                </div>
                <span class="btn-bar-right"></span>
                <br><br>
                <div style="text-align: center;font-size: 24px;color: #FFFFFF;margin-top: 50px;">共同选择，值得信赖</div>
            </div>
        </div>

        <script>


            $(function () {

                document.getElementById('btnOperator').addEventListener('click', function (event) {
                    event.preventDefault(); // 阻止a标签默认的行为（即导航至href指定的链接）
                    this.style.color = '#d51818'; // 设置文本颜色为红色
                    document.getElementById('btnDevice').style.color = "#333333";
                    document.getElementById('btnMobile').style.color = "#333333";
                    $("#partners").addClass("hidden");
                    $("#systems").addClass("hidden");
                    $("#operators").removeClass("hidden");
                    $("#btnOperator").css("font-weight","bold");
                    $("#btnDevice").css("font-weight","normal");
                    $("#btnMobile").css("font-weight","normal");
                });
                document.getElementById('btnDevice').addEventListener('click', function (event) {
                    event.preventDefault(); // 阻止a标签默认的行为（即导航至href指定的链接）
                    this.style.color = '#d51818'; // 设置文本颜色为红色
                    document.getElementById('btnOperator').style.color = "#333333";
                    document.getElementById('btnMobile').style.color = "#333333";
                    $("#partners").addClass("hidden");
                    $("#systems").removeClass("hidden");
                    $("#operators").addClass("hidden");
                    $("#btnOperator").css("font-weight","normal");
                    $("#btnDevice").css("font-weight","bold");
                    $("#btnMobile").css("font-weight","normal");
                });
                document.getElementById('btnMobile').addEventListener('click', function (event) {
                    event.preventDefault(); // 阻止a标签默认的行为（即导航至href指定的链接）
                    this.style.color = '#d51818'; // 设置文本颜色为红色
                    document.getElementById('btnOperator').style.color = "#333333";
                    document.getElementById('btnDevice').style.color = "#333333";
                    $("#operators").addClass("hidden");
                    $("#partners").removeClass("hidden");
                    $("#systems").addClass("hidden");
                    $("#btnOperator").css("font-weight","normal");
                    $("#btnDevice").css("font-weight","normal");
                    $("#btnMobile").css("font-weight","bold");
                });
                //bar动画
                $(".bar-image-list").each(function () {
                    var $this = $(this),
                        $content = $this.parents(".bar-content"),
                        $images = $this.find(".bar-image-item"),
                        length = $images.length,
                        width = 0,
                        load = 0,
                        clock = null,
                        html = $this.html(),
                        direction = "left",
                        isFirst = true;

                    $content
                        .on("mouseover", ".btn-bar-left", function () {
                            direction = "left";
                        })
                        .on("mouseover", ".btn-bar-right", function () {
                            direction = "right";
                        });

                    $this
                        .on("mouseover", function () {
                            clearInterval(clock);
                        })
                        .on("mouseout", function () {
                            run();
                        });

                    $images.each(function () {
                        var $item = $(this),
                            $image = $item.find("img"),
                            src = $image.attr("src");

                        $image
                            .attr("src", "")
                            .on("load", function () {

                                width += +Math.ceil(this.naturalWidth * 70 / this.naturalHeight);

                                $this.width(width);

                                load++

                                run();
                            })
                            .on("error", function () {
                                $item.remove();
                                load++;

                                run();
                            })
                            .attr("src", src);
                    });

                    var toLeft = 0;

                    function run() {
                        if (length > load || width < 920) {
                            return;
                        }

                        if (isFirst) {
                            toLeft = width;
                            isFirst = false;
                        }


                        $this.width(width * 3);

                        $this.append(html).append(html);

                        clearInterval(clock);

                        clock = setInterval(function () {
                            if (direction === "left") {
                                toLeft += 1;
                            } else {
                                toLeft -= 1;
                            }

                            if (toLeft > width * 2 || toLeft <= 0) {
                                toLeft = width;
                            }

                            $this.css("margin-left", -toLeft);
                        }, 20);
                    }
                });

                //bar切换
                $(".bar-item").on("click", function (e) {
                    e.preventDefault();

                    $(".bar-item a").removeClass("active");
                    $(this).find("a").addClass("active");

                    $(".bar-content").addClass("hidden");
                    $($(this).find("a").attr("href")).removeClass("hidden");

                    $(".bar-split").removeClass("hidden");
                    $(this).prev(".bar-split").addClass("hidden");
                    $(this).next(".bar-split").addClass("hidden");

                    return false;
                });


                $("#productBig").on("mouseover", function (e) {
                    $("#bigFirst").css("color", "#ffffff");
                    $("#bigSecond").css("color", "#ffffff");
                }).on("mouseout", function (e) {
                    $("#bigFirst").css("color", "#333333");
                    $("#bigSecond").css("color", "#999999");
                });
                $(".productMiddle").on("mouseover", function (e) {
                    $(this).find(".middleFirst").css("color", "#fbfafd").css("background-color","#FFFFFF")
                }).on("mouseout", function (e) {
                    $(this).find(".middleFirst").css("color", "#ffffff").css("background-color","#808080");
                });

                $(".menu-children-wrap").each(function () {
                    var $this = $(this),
                        $parent = $this.parents(".menu-item");

                    $this.css({
                        left: $parent.position().left - 20
                    });
                });
                $(".menu-item").each(function () {
                    var $this = $(this),
                        $children = $this.find(".menu-children-wrap");

                    $this
                        .on("mouseenter", function () {
                            $children.show();
                        })
                        .on("mouseleave", function (event) {
                            $children.hide();
                        });
                });



            });

        </script>
        <style>
            
			.leftarrow{
				width: 30px;
                height: 20px;
				float: left
			}
			.rightarrow{
				width: 30px;
                height: 20px;
				float: right;
			}
            
                .partner_typee {
                    background-color: #FFFFFF;
					display: flex;
                    width: 390px;
                    height: 40px;
                    margin-top: 110px;
                    border-radius: 50px;
                    
                    max-width: 100%;
                    max-height: 10%;
                    justify-content:center;
					position: absolute;
   
					left: 50%;
					transform: translate(-50%, -50%);
                }
            

            #cooperative_partner {
                display: flex;
                justify-content: center; /* 水平居中 */
            }

            #cooperative_partner .scrollpic {
                background-color: transparent;
                width: 1350px;
                height: 42px;
                margin-top: 180px;
                position: relative;
                transform: translate(50%, 50%%);
                
				
            }

            #cooperative_partner  .partner_typeul li {
                display: inline;
                line-height: 40px;
                float: left;
                position: relative;
            }

            #cooperative_partner .partnerText {
                width: 150px;
                height: 35px;
                margin-top: 50px;
                justify-content: center;
                text-align: center;
                align-items: center;
				position: absolute;
   
					left: 50%;
					transform: translate(-50%, -50%);

            }

            #cooperative_partner .partner_type a {
                padding: 40px 20px;
                /* font-weight: bold; */
                /*color:#333333;*/
                font-size: 24px;
            }

            #cooperative_partner .partner_type a:hover {
                color: #d51818;
                cursor: pointer; /* 使用指针样式 */
            }
        </style>
    </section>
    <!--    <div id="main" class="bit_main_content">
            <div class="main-gradient"></div>
            <div class="wf-wrap">
                <div class="wf-container-main">
                    <div id="content" class="content" role="main">
                        <div class="main-outer-wrapper ">
                            <div class="bit_row">
                            </div>&lt;!&ndash; END .page-wrapper &ndash;&gt;
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>&lt;!&ndash; .wf-container &ndash;&gt;
            </div>&lt;!&ndash; .wf-wrap &ndash;&gt;
        </div>&lt;!&ndash; #main &ndash;&gt;-->
    <footer id="footer" class="footer">
        <div class="wf-wrap" style="">
            <div class="wf-container qfe_row footer1" bitDataAction='site_widget_container' bitdatamarker="sidebar_2">
                <section id="simplepage-2" style="margin-bottom:20px;" class="widget simplepage site_tooler">
                    <style class='style_simplepage-2'>#simplepage-2 .widget-title {
                        padding: 0 0 0 10px;
                        height: 28px;
                        line-height: 28px;
                        background-color: transparent;
                        margin: 0px;
                        font-family:;
                        font-size: px;
                        font-weight: normal;
                        font-style: normal;
                        text-decoration: none;
                        color: #ffffff;
                        border-top: 1px solid transparent;
                        border-left: 1px solid transparent;
                        border-right: 1px solid transparent;
                        border-bottom: 0px solid transparent;
                        background-image: none;
                        -webkit-border-top-left-radius: 4px;
                        -webkit-border-top-right-radius: 4px;
                        -moz-border-radius-topleft: 4px;
                        -moz-border-radius-topright: 4px;
                        border-top-left-radius: 4px;
                        border-top-right-radius: 4px;
                    }

                    #simplepage-2 .widget-title {
                        border-top: 0;
                        border-left: 0;
                        border-right: 0;
                    }

                    #simplepage-2 .bitWidgetFrame {
                        border-bottom: 0;
                        border-top: 0;
                        border-left: 0;
                        border-right: 0;
                        padding: 4px 10px 4px 10px;
                    }

                    #simplepage-2 {
                        -webkit-box-shadow: none;
                        box-shadow: none;
                    }

                    #simplepage-2 .bitWidgetFrame {
                        background-color: transparent;
                        background-image: none;
                        -webkit-border-bottom-left-radius: 4px;
                        border-bottom-left-radius: 4px;
                        -webkit-border-bottom-right-radius: 4px;
                        border-bottom-right-radius: 4px;
                    }

                    #simplepage-2 .bitWidgetFrame {
                        padding-left: 0px;
                        padding-right: 0px;
                    }

                    body #simplepage-2 .bitWidgetFrame {
                        padding-top: 0px !important;
                        padding-bottom: 0px !important;
                    }</style>
                    <div class='simplepage_container bitWidgetFrame' data-post_id='7868'>
                        <section data-fixheight=""
                                 class="qfy-row-9-603dd962aa97f269943 section     no  section-text-no-shadow section-inner-no-shadow section-normal section-orgi"
                                 id="bit_mk2rm" style='margin-bottom:0;border-radius:0px;color:#d6d6d6;'>
                            <style class="row_class qfy_style_class">
                                @media only screen and (min-width: 992px) {
                                    section.section.qfy-row-9-603dd962aa97f269943 {
                                        padding-left: 0;
                                        padding-right: 0;
                                        padding-top: 20px;
                                        padding-bottom: 0;
                                        margin-top: 0;
                                        margin-bottom: 0;
                                    }
                                }

                                @media only screen and (max-width: 992px) {
                                    .bit-html section.section.qfy-row-9-603dd962aa97f269943 {
                                        padding-left: 15px;
                                        padding-right: 15px;
                                        padding-top: 20px;
                                        padding-bottom: 0;
                                        margin-top: 0;
                                        margin-bottom: !important;
                                        min-height: 0;
                                    }
                                }
                            </style>

                            <div class="container">
                                <div class="row qfe_row  ">
                                    <div data-animaleinbegin="90%" data-animalename="qfyfadeInUp" data-duration=""
                                         data-delay=""
                                         class=" qfy-column-19-603dd962aaaf440126 qfy-column-inner  vc_span12  text-default small-screen-undefined fullrow"
                                         data-dw="1/1" data-fixheight="">
                                        <div style=";position:relative;" class="column_inner ">
                                            <div class=" background-overlay grid-overlay-"
                                                 style="background-color: transparent;width:100%;"></div>
                                            <div class="column_containter" style="z-index:3;position:relative;">
                                                <div id="vc_img_603dd962aadaa153"
                                                     style="padding:0px;margin:0px;clear:both;position:relative;margin-top:0;margin-bottom:0;
                                                     padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-position:0 0;
                                                     background-repeat: no-repeat;display: flex;"
                                                     m-padding="0px 0px 0px 0px" p-padding="0 0 0 0"
                                                     css_animation_delay="0" qfyuuid="qfy_single_image_21pv6"
                                                     data-anitime='0.7' class="qfy-element bitImageControlDiv ">
                                                    <style>@media only screen and (max-width: 768px) {
                                                        .single_image_text-603dd962aadbb88 .head {
                                                            font-size: 16px !important;
                                                        }

                                                        .single_image_text-603dd962aadbb88 .content {
                                                            font-size: 16px !important;
                                                        }
                                                    }</style>
                                                    <div m-padding="13px 0px 0px 0px" p-padding="13px 0 0 0"
                                                         css_animation_delay="0" qfyuuid="qfy_column_text_x8cop"
                                                         data-anitime='0.7'
                                                         class="qfy-element qfy-text qfy-text-25894 qfe_text_column qfe_content_element  "
                                                         style="position: relative;;;line-height:1.5em;;background-position:left top;background-repeat: no-repeat;;margin-top:0;
                                                         margin-bottom:0;padding-top:13px;padding-bottom:0;padding-right:0;padding-left:0;border-radius:0px;display: flex;">
                                                        <div class="qfe_wrapper" style = "width:550px;">
                                                            <img
                                                                    height="45px"
                                                                    src="img/首页/公司Logo带公司名称_白.png"
                                                                    class="front_image  attachment-full"
                                                                    alt="startup-white - Copy"
                                                                    title=""
                                                                    description=""
                                                                    data-title="startup-white - Copy"
                                                                    src-img=""
                                                                    style=''/>
                                                            <table style = "width:100%;">
                                                                <tr style="height:70px">
                                                                    <td><img height="45px" src="img/首页/服务热线.png">
                                                                    </td>
                                                                    <td><label
                                                                            style="color: #999999;font-size: 16px;margin-left: 10px">服务热线</label><br><label
                                                                            style="margin-left: 10px;color: #ffffff;font-size: 18px">13901309256 &nbsp
                                                                        18610019463</label>

                                                                    </td>
                                                                    <td><img id="weixinicon"
                                                                             src="img/首页/微信-默认状态.png"></td>
                                                                </tr>
                                                                <tr style="height:70px">
                                                                    <td><img height="45px" src="img/首页/邮箱.png"></td>
                                                                    <td><label
                                                                            style="color: #999999;font-size: 16px;margin-left: 10px">邮箱</label><br><label
                                                                            style="margin-left: 10px;color: #ffffff;font-size: 18px">tigerli@tigerbro.com &nbsp &nbsp
                                                                        bingxin@tigerbro.com</label></td>
                                                                    <td><img id="qqicon" src="img/首页/qq-默认状态.png">
                                                                    </td>
                                                                </tr>
                                                                <tr style="height:70px">
                                                                    <td><img height="45px" src="img/首页/地址.png"></td>
                                                                    <td><label
                                                                            style="color: #999999;font-size: 16px;margin-left: 10px">地址</label><br><label
                                                                            style="margin-left: 10px;color: #ffffff;font-size: 18px">北京市海淀区东升镇后屯南路26号专家国际花园</label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div style="margin-left: 50px;margin-right: 80px">
                                                            <img src="img/首页/line.png" style="height:260px;position:relative;"></div>
                                                        <div style="margin-left: 30px;">
                                                            <table style="width:650px;margin-top: -10px">
                                                                <tr style="height:55px;">
                                                                    <td><strong
                                                                            style="font-size: 20px;color:#FFFFFF;width:33%;margin-left: -50px">关于我们</strong>
                                                                    </td>
                                                                    <td><strong
                                                                            style="font-size: 20px;color:#FFFFFF;width:33%;margin-left: 30px">产品及解决方案</strong>
                                                                    </td>
                                                                    <td><strong
                                                                            style="font-size: 20px;color:#FFFFFF;width:33%;margin-left: 0px">招聘中心</strong>
                                                                    </td>
                                                                </tr>
                                                                <tr style="height:55px">
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;font-weight: normal;margin-left: -50px"
                                                                           onclick="openWindowHref('aboutus.html?type=1')">企业概况</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;margin-left: 30px;font-weight: normal"
                                                                           onclick="openWindowHref('drone.html')">小蜘蛛智测无人机(SpiderSky)</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;font-weight: normal;margin-left: 0px">人才招聘</a>
                                                                    </td>
                                                                </tr>
                                                                <tr style="height:55px">
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;font-weight: normal;margin-left: -50px"
                                                                           onclick="openWindowHref('aboutus.html?type=2')">组织机构</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;margin-left: 30px;font-weight: normal"
                                                                           onclick="openWindowHref('moonPhone-C.html')">小蜘蛛用户感知众测App(MoonPhone-C)</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;font-weight: normal;margin-right:115px">加入我们</a>
                                                                    </td>
                                                                </tr>
                                                                <tr style="height:55px">
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;font-weight: normal;margin-left: -50px"
                                                                           onclick="openWindowHref('aboutus.html?type=3')">主营业务</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;margin-left: 30px;font-weight: normal"
                                                                           onclick="openWindowHref('modelPack.html')">小蜘蛛模组小背包(MoonPack-Box)</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%"></a>
                                                                    </td>
                                                                </tr>
                                                                <tr style="height:55px">
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;font-weight: normal;margin-left: -50px"
                                                                           onclick="openWindowHref('aboutus.html?type=4')">公司愿景</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%;margin-left: 30px;font-weight: normal"
                                                                           onclick="openWindowHref('moonPackProduct.html')">小蜘蛛手机小背包(MoonPack-Phone)</a>
                                                                    </td>
                                                                    <td><a src=""
                                                                           style="font-size: 18px;color:#999999;width:33%"
                                                                           onclick=""></a>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div m-padding="13px 0px 0px 0px" p-padding="13px 0 0 0"
                                                     css_animation_delay="0" qfyuuid="qfy_column_text_x8cop"
                                                     data-anitime='0.7'
                                                     class="qfy-element qfy-text qfy-text-25894 qfe_text_column qfe_content_element  "
                                                     style="position: relative;;;line-height:1.5em;;background-position:left top;background-repeat: no-repeat;;
                                                         margin-top:0;margin-bottom:0;padding-top:13px;padding-bottom:0;padding-right:0;padding-left:20px;border-radius:0px;">
                                                    <div class="qfe_wrapper">
                                                    </div>
                                                    <div m-padding="13px 0px 0px 0px" p-padding="13px 0 0 0"
                                                         css_animation_delay="0" qfyuuid="qfy_column_text_x8cop"
                                                         data-anitime='0.7'
                                                         class="qfy-element qfy-text qfy-text-25894 qfe_text_column qfe_content_element  "
                                                         style="position: relative;;;line-height:1.5em;;background-position:left top;background-repeat: no-repeat;;margin-top:0;margin-bottom:0;padding-top:13px;padding-bottom:0;padding-right:0;padding-left:0;border-radius:0px;">
                                                        <div class="qfe_wrapper">
                                                            <div style="margin-left:544px">
                                                                <img src="img/首页/回到顶部-默认.png"
                                                                     onclick="scrollToTop()">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <style class="column_class qfy_style_class">@media only screen and (min-width: 992px) {
                                            .qfy-column-19-603dd962aaaf440126 > .column_inner {
                                                padding-left: 0;
                                                padding-right: 0;
                                                padding-top: 0;
                                                padding-bottom: 8px;
                                            }

                                            .qfe_row .vc_span_class.qfy-column-19-603dd962aaaf440126 {
                                            }

                                        ;
                                        }


                                        @media only screen and (max-width: 992px) {
                                            .qfy-column-19-603dd962aaaf440126 > .column_inner {
                                                margin: 0 auto 0 !important;
                                                padding-left: 0;
                                                padding-right: 0;
                                                padding-top:;
                                                padding-bottom: 8px;
                                            }

                                            .display_entire .qfe_row .vc_span_class.qfy-column-19-603dd962aaaf440126 {
                                            }

                                            .qfy-column-19-603dd962aaaf440126 > .column_inner > .background-overlay, .qfy-column-19-603dd962aaaf440126 > .column_inner > .background-media {
                                                width: 100% !important;
                                                left: 0 !important;
                                                right: auto !important;
                                            }
                                        }</style>
                                    </div>
                                </div>
                            </div>
                        </section>

                    </div>
                </section>
            </div><!-- .wf-wrap -->
            <!--  ************begin************* -->
            <style type="text/css" id="static-stylesheet-footer">
                #footer.footer .footer1 .widget {
                    width: 1920px;
                }

                #footer.footer .footer1 .widget.simplepage {
                    width: 1920px;
                }

                #footer.footer .footer2 .widget {
                    width: 1920px;
                }

                #footer.footer .footer2 .widget.simplepage {
                    width: 1920px;
                }

                #footer.footer .footer3 .widget {
                    width: 1920px;
                }

                #footer.footer .footer3 .widget.simplepage {
                    width: 1920px;
                }

                .bit_main_content {
                    margin-top: 0px;
                    margin-bottom: 0px
                }
            </style>
            <!--  ************end************* -->
        </div>
    </footer>
    <!-- !Bottom-bar -->
    <div id="bottom-bar" role="contentinfo" class="bottom-bit-bar">
        <div class="wf-wrap">
            <div class="wf-table wf-mobile-collapsed">
                <div class="wf-float-center">
                    <div><span style="font-size:14px;"><span style="font-family: 微软雅黑;"><span
                            style="color: rgb(211, 211, 211);"><small>Copyright &copy; 小蜘蛛智能分析管理系统 2024 版权所有 北京华虎兄弟科技有限公司</small></span></span></span>
                        <span style="margin-right:5px" class="CopyRight_name"><a href='https://beian.miit.gov.cn'
                                                                                 target="blank">京ICP备18050617号-1</a></span>
                    </div>
                </div>
            </div>
        </div><!-- .wf-wrap -->
    </div><!-- #bottom-bar -->


</div>

</div><!-- #page -->

<script type="text/javascript"
        src="js/revslider.min.js">/*Cache!*/</script>
<link rel="stylesheet"
      href="css/editor_icon.css"
      type="text/css" media="all"/> <!-- Cache! -->
<style type='text/css'>
</style>
<!-- 添加汉堡菜单 -->
    <div class="hamburger">☰</div>
    
    <!-- 修改原有固定宽度容器 -->
    <div class="baseDiv">
        <!-- 原有内容 -->
    </div>

    <!-- 添加移动菜单交互 -->
    <script>
        // 汉堡菜单交互
        document.querySelector('.hamburger').addEventListener('click', function() {
            const menu = document.querySelector('.menu');
            menu.style.display = menu.style.display === 'block' ? 'none' : 'block';
        });

        // 窗口resize监听
        window.addEventListener('resize', function() {
            if (window.innerWidth > 768) {
                document.querySelector('.menu').style.display = 'flex';
            } else {
                document.querySelector('.menu').style.display = 'none';
            }
        });
    </script>	
	
</body>
</html>






