<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
    &lt;meta name="renderer" content="webkit"&gt;
    &lt;meta name="format-detection" content="telephone=no"&gt;
    &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
    &lt;meta name="apple-mobile-web-app-status-bar-style" content="black"&gt;
    &lt;meta name="format-detection" content="telephone=no"&gt;
    &lt;meta http-equiv="Pragma" content="no-cache"&gt;
    &lt;meta http-equiv="Expires" content="0"&gt;
    &lt;meta http-equiv="Cache-control" content="no-cache"&gt;
    &lt;meta http-equiv="Cache" content="no-cache"&gt;
    &lt;link rel="icon" href="dist/images/favicon.icon" /&gt;
    &lt;link rel="shortcut icon" href="dist/images/favicon.ico"&gt;
    &lt;title&gt;姹熻嫃灏忕墰鐢靛瓙绉戞妧鏈夐檺鍏徃&lt;/title&gt;
    &lt;meta name="keywords" content="keywords" /&gt;
    &lt;meta name="description" content="姹熻嫃灏忕墰" /&gt;
    &lt;meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,
    width=device-width,initial-scale=1.0" /&gt;
    &lt;link rel="stylesheet" href="./dist/css/common.css"&gt;
    &lt;link rel="stylesheet" href="./dist/css/index.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="dist/css/animate.min.css" /&gt;
    &lt;link rel="stylesheet" type="text/css" href="dist/css/swiper.css" /&gt;
    &lt;script type="text/javascript" src="dist/js/vue.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/jquery-3.5.1.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/to-top.js"&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;div class="container" id="app"&gt;
        &lt;!-- 澶撮儴 --&gt;
        &lt;div class="top-container d-f j-c"&gt;
            &lt;div class="top d-f j-b a-c"&gt;
                &lt;img src="./img/xiaoniu_logo.png" alt=""&gt;
                &lt;ul class="nav d-f"&gt;
                    &lt;li class="active-nav" @click="toIndex"&gt;棣栭〉&lt;/li&gt;
                    &lt;li&gt;浜у搧涓績
                        &lt;div class="li-hover d-f f-d a-c"&gt;
                            &lt;p @click="toProduct1"&gt;浜や簰鏄剧ず绯诲垪&lt;/p&gt;
                            &lt;p @click="toProduct2"&gt;杞欢绯诲垪&lt;/p&gt;
                            &lt;p @click="toProduct3"&gt;浜у搧閰嶄欢&lt;/p&gt;
                            &lt;p @click="toSolution"&gt;瑙ｅ喅鏂规&lt;/p&gt;
                            &lt;p @click="toAdvertisingMachine"&gt;骞垮憡鏈�&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li @click="toCase"&gt;妗堜緥&lt;/li&gt;
                    &lt;li @click="toServe"&gt;鏈嶅姟&lt;/li&gt;
                    &lt;li&gt;鍏充簬灏忕墰
                        &lt;div class="li-hover-too d-f f-d a-c"&gt;
                            &lt;p @click="toAboutUs"&gt;鍏充簬鎴戜滑&lt;/p&gt;
                            &lt;p @click="toDynamics"&gt;灏忕墰鍔ㄦ€�&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 澶撮儴鍥哄畾 --&gt;
        &lt;div class="top-container-too"&gt;
            &lt;div class="top d-f j-b a-c"&gt;
                &lt;img src="./img/xiaoniu_logo_too.png" alt=""&gt;
                &lt;ul class="nav d-f"&gt;
                    &lt;li class="active-nav" @click="toIndex"&gt;棣栭〉&lt;/li&gt;
                    &lt;li&gt;浜у搧涓績
                        &lt;div class="li-hover d-f f-d a-c"&gt;
                            &lt;p @click="toProduct1"&gt;浜や簰鏄剧ず绯诲垪&lt;/p&gt;
                            &lt;p @click="toProduct2"&gt;杞欢绯诲垪&lt;/p&gt;
                            &lt;p @click="toProduct3"&gt;浜у搧閰嶄欢&lt;/p&gt;
                            &lt;p @click="toSolution"&gt;瑙ｅ喅鏂规&lt;/p&gt;
                            &lt;p @click="toAdvertisingMachine"&gt;骞垮憡鏈�&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/li&gt;
                    &lt;li @click="toCase"&gt;妗堜緥&lt;/li&gt;
                    &lt;li @click="toServe"&gt;鏈嶅姟&lt;/li&gt;
                    &lt;li&gt;鍏充簬灏忕墰
                        &lt;div class="li-hover-too d-f f-d a-c"&gt;
                            &lt;p @click="toAboutUs"&gt;鍏充簬鎴戜滑&lt;/p&gt;
                            &lt;p @click="toDynamics"&gt;灏忕墰鍔ㄦ€�&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鎵嬫満绔ご閮ㄥ浐瀹� --&gt;
        &lt;div class="top-container-mobile" v-show="!canOpen"&gt;
            &lt;img src="./img/xiaoniu_logo_mobile.png" alt=""&gt;
            &lt;img src="./dist/images/index_top_open_mobile.png" @click="open"&gt;
        &lt;/div&gt;
        &lt;!-- 杞挱鍥� --&gt;
        &lt;div class="swiper-container-pc"&gt;
            &lt;div class="swiper-wrapper"&gt;
                &lt;div class="swiper-slide" v-for="(item,index) in bannerList" :key="index"&gt;
                    &lt;img :src="item" alt=""&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- 濡傛灉闇€瑕佸垎椤靛櫒 --&gt;
            &lt;div class="swiper-pagination"&gt;&lt;/div&gt;

            &lt;!-- 濡傛灉闇€瑕佸鑸寜閽� --&gt;
            &lt;div class="swiper-button-prev"&gt;&lt;/div&gt;
            &lt;div class="swiper-button-next"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鎵嬫満绔疆鎾浘 --&gt;
        &lt;div class="swiper-container-mobile"&gt;
            &lt;div class="swiper-wrapper"&gt;
                &lt;div class="swiper-slide" v-for="(item,index) in bannerListToo" :key="index"&gt;
                    &lt;img :src="item" alt=""&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;!-- 濡傛灉闇€瑕佸垎椤靛櫒 --&gt;
            &lt;div class="swiper-pagination"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 浜у搧涓績 --&gt;
        &lt;div class="product-container d-f j-c"&gt;
            &lt;div class="product"&gt;
                &lt;div class="title-chinese d-f j-c wow fadeInDown"&gt;浜у搧涓績&lt;/div&gt;
                &lt;div class="title-english d-f j-c wow fadeInDown"&gt;product&lt;/div&gt;
                &lt;div class="product-item-one"&gt;
                    &lt;div class="item-one wow fadeInLeft" @click="toProduct1"&gt;
                        &lt;img src="https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_one.png" alt=""&gt;
                        &lt;h3&gt;浜や簰鏄剧ず绯诲垪&lt;/h3&gt;
                        &lt;h4&gt;鍩轰簬F-Engine鏍稿績鎶€鏈柟妗�&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class="item-two wow fadeInRight" @click="toProduct2"&gt;
                        &lt;img src="https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_two.png" alt=""&gt;
                        &lt;h3&gt;鏅烘収杞欢绫�&lt;/h3&gt;
                        &lt;h4&gt;澶氭牱鍖栨暀瀛﹀簲鐢ㄨ蒋浠�&lt;/h4&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="product-item-two"&gt;
                    &lt;div class="item-three wow fadeInLeft" @click="toProduct3"&gt;
                        &lt;img src="https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_three.png" alt=""&gt;
                        &lt;h3&gt;閰嶄欢绫�&lt;/h3&gt;
                        &lt;h4&gt;澶氭牱鍖栨暀瀛﹀簲鐢ㄨ蒋浠�&lt;/h4&gt;
                    &lt;/div&gt;
                    &lt;div class="item-four wow fadeInRight" @click="toProductRecording"&gt;
                        &lt;img src="https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_product_four.png" alt=""&gt;
                        &lt;h3&gt;褰曟挱绯荤粺&lt;/h3&gt;
                        &lt;h4&gt;澶氭牱鍖栨暀瀛﹀簲鐢ㄨ蒋浠�&lt;/h4&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鍏充簬鎴戜滑 --&gt;
        &lt;div class="about-container d-f j-c"&gt;
            &lt;div class="about"&gt;
                &lt;div class="title-chinese d-f j-c wow fadeInDown"&gt;鍏充簬灏忕墰&lt;/div&gt;
                &lt;div class="title-english d-f j-c wow fadeInDown"&gt;ABOUT US&lt;/div&gt;
                &lt;div class="about-item d-f f-d a-c j-c wow fadeInLeft"&gt;
                    &lt;div class="pc-video-dust" v-if="!pcVideoOpen"&gt;
                        &lt;img src="./img/temp/index_about_open.png" class="pc-img" @click="OpenVideoPc"&gt;
                    &lt;/div&gt;
                    &lt;div class="mobile-video-dust" v-if="!mobileVideoOpen"&gt;
                        &lt;img src="./img/temp/index_about_open_mobile.png" class="mobile-img" @click="OpenVideoMobile"&gt;
                    &lt;/div&gt;

                    &lt;video width="1200" height="675" controls autoplay="autoplay" class="pc-video" v-if="pcVideoOpen" style="object-fit: fill"&gt;
                        &lt;source src="https://xn-website.oss-cn-beijing.aliyuncs.com/videos/WeChat_20210805110841.mp4"
                            type="video/mp4"&gt;
                        鎮ㄧ殑娴忚鍣ㄤ笉鏀寔Video鏍囩銆�
                    &lt;/video&gt;
                    &lt;video width="343" height="192" controls autoplay="autoplayMobile" class="mobile-video" v-if="mobileVideoOpen" style="object-fit: fill"&gt;
                        &lt;source src="https://xn-website.oss-cn-beijing.aliyuncs.com/videos/WeChat_20210805110841.mp4"
                            type="video/mp4"&gt;
                        鎮ㄧ殑娴忚鍣ㄤ笉鏀寔Video鏍囩銆�
                    &lt;/video&gt;
                &lt;/div&gt;
                &lt;div class="detail d-f j-b f-w"&gt;
                    &lt;img src="https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_about_detail_mobile.png" class="wow fadeInRight mobile-img"&gt;
                    &lt;div class="wow fadeInLeft mobile-content"&gt;
                        &lt;h6&gt;灏忕墰绉戞妧鎬婚儴搴ц惤浜庡崡浜競鍖楀ぇ绉戞妧鍥紝鎷ユ湁10000骞崇背鐨勭幇浠ｅ寲鐢熶骇杞﹂棿銆傚皬鐗涚鎶€鏄竴瀹朵互鑷富鐮斿彂涓洪┍鍔紝浠ヨ嚜涓荤敓浜т负渚濇墭锛屼互鏅烘収鏁欏涓哄満鏅紝鎵撻€犳櫤鎱ф牎鍥紝鏅烘収鏍″尯涓€浣撳寲瑙ｅ喅鏂规鐨勯珮绉戞妧鍏徃锛屽叿澶囧椤硅蒋浠惰憲浣滄潈鍙婄浉鍏充笓鍒┿€�
                        &lt;/h6&gt;
                        &lt;div class="more d-f a-c" @click="toAboutUs"&gt;浜嗚В鏇村
                            &lt;img src="./dist/images/index_about_arrow.png"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="wow fadeInLeft pc-content"&gt;
                        &lt;h6&gt;灏忕墰绉戞妧鎬婚儴搴ц惤浜庡崡浜競鍖楀ぇ绉戞妧鍥紝鎷ユ湁10000骞崇背鐨勭幇浠ｅ寲鐢熶骇杞﹂棿銆傚皬鐗涚鎶€鏄竴瀹朵互鑷富鐮斿彂涓洪┍鍔紝浠ヨ嚜涓荤敓浜т负渚濇墭锛屼互鏅烘収鏁欏涓哄満鏅紝鎵撻€犳櫤鎱ф牎鍥紝鏅烘収鏍″尯涓€浣撳寲瑙ｅ喅鏂规鐨勯珮绉戞妧鍏徃锛屽叿澶囧椤硅蒋浠惰憲浣滄潈鍙婄浉鍏充笓鍒┿€�
                        &lt;/h6&gt;

                        &lt;h6&gt;
                            浠ュ皬鐗汧-Engine鎶€鏈柟妗堜负鏍稿績锛屽皢鏁欏鍦烘櫙涓樉绀虹郴缁熴€佸綍鎾郴缁熴€佹暀瀛︾幆澧冪郴缁燂紝鏁欏鍙嶉绯荤粺杩涜鏈夋晥浜掕仈浜掗€氾紝浠庤€屽疄鐜颁竴涓钩鍙板鏅烘収鏁欏鎵€鏈夌‖浠惰澶囪繍琛岀姸鍐甸泦涓鎺с€傚悓鏃讹紝骞冲彴瀵硅鍫傚垎鏋愬弽棣堢郴缁熴€佸鎺堣绯荤粺銆佺粍鍗锋祴璇曠郴缁熺殑鏁村悎锛屽疄鐜版棤鎰熺煡鏁版嵁閲囬泦涓庡垎鏋愶紝閫氳繃璇嗗埆瀛︿範鑰呬釜鎬х壒寰侊紝瀹炵幇鎸夐渶鎺ㄩ€佸涔犺祫婧愩€佽嚜鍔ㄨ瘎浼板涔犵粨鏋滅瓑鍔熻兘銆�
                        &lt;/h6&gt;
                        &lt;h6&gt;
                            鍏徃绉夋壙鈥滃鎴疯嚦涓婏紝鏋侀€熷彂灞曗€濈殑瀹楁棬锛屽潥鎸佲€滄妧鏈紭鍏堛€佹湇鍔¤嚦涓娿€佸悎浣滃璧⑩€濈殑缁忚惀鐞嗗康锛屾鏍逛腑鍥芥暀鑲蹭俊鎭寲锛屼负鏁欒偛琛屼笟鎻愪緵鎶€鏈鍏堢殑淇℃伅鍖栦骇鍝佸強鏈嶅姟锛岀珛蹇楁垚涓轰腑鍥芥暀鑲蹭俊鎭寲鍙戝睍鍘嗙▼涓殑鍙備笌鑰呫€佹帹鍔ㄨ€呫€�
                        &lt;/h6&gt;
                        &lt;div class="more d-f a-c" @click="toAboutUs"&gt;浜嗚В鏇村
                            &lt;img src="./dist/images/index_about_arrow.png"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;img src="https://xn-website.oss-cn-beijing.aliyuncs.com/imgs/index_about_detail.png" class="wow fadeInRight pc-img"&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鎴戜滑鐨勪紭鍔� --&gt;
        &lt;div class="advantage-container d-f j-c"&gt;
            &lt;div class="advantage"&gt;
                &lt;div class="title-chinese d-f j-c wow fadeInDown"&gt;鎴戜滑鐨勪紭鍔�&lt;/div&gt;
                &lt;div class="title-english d-f j-c wow fadeInDown"&gt;OUR ADVANTAGES&lt;/div&gt;
                &lt;div class="detail-pc d-f j-b"&gt;
                    &lt;div class="item d-f f-d a-c  wow fadeInRight"&gt;
                        &lt;div class="bac first"&gt;&lt;/div&gt;
                        &lt;h5&gt;鑷富鐮斿彂&lt;/h5&gt;
                        &lt;p&gt;DEVELOPMENT&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="item d-f f-d a-c wow fadeInLeft"&gt;
                        &lt;div class="bac second"&gt;&lt;/div&gt;
                        &lt;h5&gt;鑷富鐢熶骇&lt;/h5&gt;
                        &lt;p&gt;PRODUCTION&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="item third d-f f-d a-c  wow fadeInRight"&gt;
                        &lt;div class="bac third"&gt;&lt;/div&gt;
                        &lt;h5&gt;鍝佽川鑷充笂&lt;/h5&gt;
                        &lt;p&gt;QUALITY&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="item d-f f-d a-c wow fadeInLeft"&gt;
                        &lt;div class="bac forth"&gt;&lt;/div&gt;
                        &lt;h5&gt;浼樿川鏈嶅姟&lt;/h5&gt;
                        &lt;p&gt;SERVICE&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="detail-mobile d-f j-b f-w"&gt;
                    &lt;div class="item d-f f-d a-c  wow fadeInRight"&gt;
                        &lt;img src="./img/temp/index_advantage_invention_mobile.png"&gt;
                        &lt;h5&gt;鑷富鐮斿彂&lt;/h5&gt;
                        &lt;p&gt;DEVELOPMENT&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="item d-f f-d a-c wow fadeInLeft"&gt;
                        &lt;img src="./img/temp/index_advantage_product_mobile.png"&gt;
                        &lt;h5&gt;鑷富鐢熶骇&lt;/h5&gt;
                        &lt;p&gt;PRODUCTION&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="item d-f f-d a-c  wow fadeInRight"&gt;
                        &lt;img src="./img/temp/index_advantage_quality_mobile.png"&gt;
                        &lt;h5&gt;鍝佽川鑷充笂&lt;/h5&gt;
                        &lt;p&gt;QUALITY&lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="item d-f f-d a-c wow fadeInLeft"&gt;
                        &lt;img src="./img/temp/index_advantage_serve_mobile.png"&gt;
                        &lt;h5&gt;浼樿川鏈嶅姟&lt;/h5&gt;
                        &lt;p&gt;SERVICE&lt;/p&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鏂伴椈鍔ㄦ€� --&gt;
        &lt;div class="news-container d-f j-c"&gt;
            &lt;div class="news"&gt;
                &lt;div class="title-chinese d-f j-c wow fadeInDown"&gt;鏂伴椈鍔ㄦ€�&lt;/div&gt;
                &lt;div class="title-english d-f j-c wow fadeInDown"&gt;HOT NEWS&lt;/div&gt;
                &lt;div class="detail-pc d-f j-b f-w"&gt;
                    &lt;div class="item d-f f-d wow fadeInLeft" v-for="item in newsList"&gt;
                        &lt;div class="title d-f a-c"&gt;
                            &lt;div class="text"&gt;{{item.title}}&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="time"&gt;{{item.createTime|filtersTime}}&lt;/div&gt;
                        &lt;div class="content"&gt;{{item.content|filtersText}}&lt;/div&gt;
                        &lt;div class="read d-f a-c" @click="toNewsDetail(item)"&gt;
                            闃呰璇︽儏&lt;img src="./dist/images/index_about_arrow.png"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="detail-mobile d-f j-b f-w"&gt;
                    &lt;div class="item d-f f-d wow fadeInLeft" v-for="item in newsList" @click="toNewsDetail(item)"&gt;
                        &lt;div class="title d-f"&gt;
                            &lt;div class="text"&gt;{{item.title}}&lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="time"&gt;{{item.createTime|filtersTime}}&lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="more d-f j-c"&gt;
                    &lt;div class="btn" @click="toDynamics"&gt;鏌ョ湅鏇村&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 搴曢儴 --&gt;
        &lt;div class="footer-container d-f j-c"&gt;
            &lt;div class="footer"&gt;
                &lt;div class="d-f j-b"&gt;
                    &lt;div class="left"&gt;
                        &lt;div class="phone d-f a-c j-c"&gt;
                            &lt;img src="./dist/images/index_footer_phone.png" alt=""&gt; 025-871-83991
                        &lt;/div&gt;
                        &lt;p class="d-f a-c"&gt;閿€鍞儹绾匡細400-900-2881&lt;/p&gt;
                        &lt;p class="d-f a-c"&gt;鍞悗瀹㈡湇锛�400-873-2988&lt;/p&gt;
                        &lt;p class="d-f a-c"&gt;閭锛歺iaoniu@jsxniu.com&lt;/p&gt;
                        &lt;p class="d-f a-c"&gt;鍗椾含甯傛睙瀹佸尯鑳滃埄璺�99鍙峰悕瀹剁鎶€澶у帵A搴�9灞�&lt;/p&gt;
                        &lt;p class="d-f a-c"&gt;
                            &lt;a href="https://www.beian.gov.cn/portal/registerSystemInfo" target="_blank"&gt;漏2021&amp;nbsp;XNIU&amp;nbsp;&amp;nbsp;&amp;nbsp;鑻忓叕缃戝畨澶�32011502011289鍙�&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a href="https://beian.miit.gov.cn" target="_blank"&gt;鑻廔CP澶�2020065401鍙�&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;姹熻嫃灏忕墰鐢靛瓙绉戞妧鏈夐檺鍏徃
                        &lt;/p&gt;
                    &lt;/div&gt;
                    &lt;div class="right d-f j-b"&gt;
                        &lt;div class="wx d-f a-c j-c"&gt;
                            &lt;img src="./dist/images/index_footer_wx.png" alt=""&gt;
                        &lt;/div&gt;
                        &lt;div class="wx-hover"&gt;
                            &lt;img src="./img/temp/index_footer_wx_hover.png" alt=""&gt;
                        &lt;/div&gt;
                        &lt;div class="wb d-f a-c j-c" @click="toWb"&gt;
                            &lt;img src="./dist/images/index_footer_wb.png" alt=""&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="line"&gt;&lt;/div&gt;
                &lt;div class="mark"&gt;
                    鏈綉绔欎腑浜у搧淇℃伅锛屽寘鎷絾涓嶉檺浜庝骇鍝佷粙缁嶃€佸姛鑳藉弬鏁般€佽鏍间俊鎭€侀厤浠朵俊鎭垨浜у搧鍥剧墖绛夛紝鍧囧睘浜庡鎴戝徃绯诲垪浜у搧鐨勯€氱敤淇℃伅浠嬬粛锛屽苟闈炴垜鍙告壙璇恒€傞€氱敤淇℃伅浠嬬粛鍐呭涓庨榿涓嬪疄闄呰喘涔扮殑浜у搧鎯呭喌鍙兘鏈夋墍涓嶅悓&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鎵嬫満绔簳閮� --&gt;
        &lt;div class="footer-container-mobile"&gt;
            &lt;div class="left d-f f-d a-c"&gt;
                &lt;ul&gt;
                    &lt;li class="d-f j-b a-c" @click="toIndex"&gt;
                        &lt;div class="text"&gt;棣栭〉&lt;/div&gt;
                        &lt;img src="./dist/images/index_footer_arrow_mobile.png" alt=""&gt;
                    &lt;/li&gt;
                    &lt;li class="d-f j-b a-c" @click="toProduct1"&gt;
                        &lt;div class="text"&gt;浜у搧涓績&lt;/div&gt;
                        &lt;img src="./dist/images/index_footer_arrow_mobile.png" alt=""&gt;
                    &lt;/li&gt;
                    &lt;li class="d-f j-b a-c" @click="toCase"&gt;
                        &lt;div class="text"&gt;妗堜緥&lt;/div&gt;
                        &lt;img src="./dist/images/index_footer_arrow_mobile.png" alt=""&gt;
                    &lt;/li&gt;
                    &lt;li class="d-f j-b a-c" @click="toServe"&gt;
                        &lt;div class="text"&gt;鏈嶅姟&lt;/div&gt;
                        &lt;img src="./dist/images/index_footer_arrow_mobile.png" alt=""&gt;
                    &lt;/li&gt;
                    &lt;li class="d-f j-b a-c" @click="toAboutUs"&gt;
                        &lt;div class="text"&gt;鍏充簬灏忕墰&lt;/div&gt;
                        &lt;img src="./dist/images/index_footer_arrow_mobile.png" alt=""&gt;
                    &lt;/li&gt;
                &lt;/ul&gt;
                &lt;div class="space"&gt;
                    &lt;div class="phone d-f a-c j-c"&gt;
                        &lt;img src="./dist/images/index_footer_phone.png" alt=""&gt; 025-871-83991
                    &lt;/div&gt;
                    &lt;p class="d-f a-c"&gt;閿€鍞儹绾匡細400-900-2881&lt;/p&gt;
                    &lt;p class="d-f a-c"&gt;鍞悗瀹㈡湇锛�400-873-2988&lt;/p&gt;
                    &lt;p class="d-f a-c"&gt;閭锛歺iaoniu@jsxniu.com&lt;/p&gt;
                    &lt;p class="d-f a-c"&gt;鍗椾含甯傛睙瀹佸尯鑳滃埄璺�99鍙峰悕瀹剁鎶€澶у帵A搴�9灞�
                    &lt;/p&gt;
                    &lt;div class="wx-and-wb d-f j-b"&gt;
                        &lt;div class="wx d-f f-d a-c" @click="showScan"&gt;
                            &lt;img src="./dist/images/index_footer_wx_mobile.png" alt=""&gt;
                            &lt;p&gt;寰俊鍏紬鍙�&lt;/p&gt;
                        &lt;/div&gt;
                        &lt;div class="wx-hover" v-if="canShow"&gt;
                            &lt;img src="./img/temp/index_footer_wx_hover.png" alt=""&gt;
                        &lt;/div&gt;
                        &lt;div class="wb d-f f-d a-c" @click="toWb"&gt;
                            &lt;img src="./dist/images/index_footer_wb_mobile.png" alt=""&gt;
                            &lt;p&gt;寰崥&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="right d-f f-d a-c"&gt;
                &lt;div class="record"&gt;
                    &lt;a href="https://www.beian.gov.cn/portal/registerSystemInfo" target="_blank"&gt;漏2021&amp;nbsp;&amp;nbsp;XNIU&amp;nbsp;&amp;nbsp;鑻忓叕缃戝畨澶�32011502011289鍙�&lt;/a&gt;&lt;br&gt;
                    &lt;a href="https://beian.miit.gov.cn" target="_blank"&gt;鑻廔CP澶�2020065401鍙�&lt;/a&gt;
                &lt;/div&gt;
                &lt;div class="mark"&gt;
                    鏈綉绔欎腑浜у搧淇℃伅锛屽寘鎷絾涓嶉檺浜庝骇鍝佷粙缁嶃€佸姛鑳藉弬鏁般€佽鏍间俊鎭€侀厤浠朵俊鎭垨浜у搧鍥剧墖绛夛紝鍧囧睘浜庡鎴戝徃绯诲垪浜у搧鐨勯€氱敤淇℃伅浠嬬粛锛屽苟闈炴垜鍙告壙璇恒€傞€氱敤淇℃伅浠嬬粛鍐呭涓庨榿涓嬪疄闄呰喘涔扮殑浜у搧鎯呭喌鍙兘鏈夋墍涓嶅悓&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 渚ц竟鍥哄畾 --&gt;
        &lt;div class="fixed-pc"&gt;
            &lt;!-- &lt;div class="contact"&gt;&lt;/div&gt; --&gt;
            &lt;div class="wx"&gt;&lt;/div&gt;
            &lt;div class="wx-hover"&gt;
                &lt;img src="./img/temp/index_fixed_wx_hover.png" alt=""&gt;
            &lt;/div&gt;
            &lt;div class="tel"&gt;&lt;/div&gt;
            &lt;div class="tel-hover"&gt;
                &lt;img src="./img/temp/index_fixed_tel_hover.png" alt=""&gt;
            &lt;/div&gt;
            &lt;div class="up" id="to-top"&gt;&lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- 鎵嬫満绔晶杈瑰浐瀹� --&gt;
        &lt;div class="fixed-mobile" id="to-top-mobile"&gt;
            &lt;img src="./dist/images/index_fixed_up_mobile.png" alt=""&gt;
        &lt;/div&gt;
        &lt;!-- 鎵嬫満绔晶杈瑰睍寮€ --&gt;
        &lt;div class="open-container-mobile d-f j-c" v-show="canOpen"&gt;
            &lt;div class="open"&gt;
                &lt;div class="top d-f j-b a-c"&gt;
                    &lt;img src="./img/temp/index_top_logo_mobile.png" alt=""&gt;
                    &lt;img src="./dist/images/index_top_close_mobile.png" @click="close"&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                    &lt;div class="title d-f j-b a-c" @click="toIndex"&gt;
                        &lt;div&gt;棣栭〉&lt;/div&gt;
                        &lt;img src="./dist/images/index_content_arrow_mobile.png" alt=""&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                    &lt;div class="title d-f j-b a-c"&gt;
                        &lt;div&gt;浜у搧涓績&lt;/div&gt;
                        &lt;img src="./dist/images/index_content_arrow_mobile.png" alt=""&gt;
                    &lt;/div&gt;
                    &lt;div class="content d-f a-c f-w"&gt;
                        &lt;a href="./product.html?type=1"&gt;浜や簰鏄剧ず绯诲垪&lt;/a&gt;
                        &lt;p&gt;&lt;/p&gt;
                        &lt;a href="./product.html?type=2"&gt;杞欢绫�&lt;/a&gt;
                        &lt;p&gt;&lt;/p&gt;
                        &lt;a href="./product.html?type=3"&gt;閰嶄欢绫�&lt;/a&gt;
                        &lt;p&gt;&lt;/p&gt;
                        &lt;a href="./solution.html"&gt;瑙ｅ喅鏂规&lt;/a&gt;
                        &lt;a href="./advertising-machine.html"&gt;骞垮憡鏈�&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                    &lt;div class="title d-f j-b a-c" @click="toCase"&gt;
                        &lt;div&gt;妗堜緥&lt;/div&gt;
                        &lt;img src="./dist/images/index_content_arrow_mobile.png" alt=""&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                    &lt;div class="title d-f j-b a-c" @click="toServe"&gt;
                        &lt;div&gt;鏈嶅姟&lt;/div&gt;
                        &lt;img src="./dist/images/index_content_arrow_mobile.png" alt=""&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="item"&gt;
                    &lt;div class="title d-f j-b a-c"&gt;
                        &lt;div&gt;鍏充簬灏忕墰&lt;/div&gt;
                        &lt;img src="./dist/images/index_content_arrow_mobile.png" alt=""&gt;
                    &lt;/div&gt;
                    &lt;div class="content d-f f-w a-c"&gt;
                        &lt;a href="./about-us.html"&gt;鍏充簬鎴戜滑&lt;/a&gt;
                        &lt;p&gt;&lt;/p&gt;
                        &lt;a href="./dynamics.html"&gt;灏忕墰鍔ㄦ€�&lt;/a&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;


    &lt;script type="text/javascript" src="dist/js/wow.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="dist/js/swiper.js"&gt;&lt;/script&gt;
    &lt;script&gt;
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();
    &lt;/script&gt;

    &lt;script type="text/javascript"&gt;
        var app = new Vue({
            el: '#app',
            data() {
                return {
                    bannerList: [], //pc绔疆鎾浘
                    bannerListToo: [], //鎵嬫満绔疆鎾浘
                    newsList: [], //鏂伴椈鍒楄〃
                    canShow: false, //鎵嬫満绔井淇″叕浼楀彿鐨勬樉绀轰笌闅愯棌
                    canOpen: false, //鎵嬫満绔晶杈瑰鑸樉绀轰笌闅愯棌
                    autoplay: false,
                    autoplayMobile: false,
                    pcVideoOpen: false,
                    mobileVideoOpen: false,
                }
            },
            filters: {
                //鏂伴椈鍐呭杩囨护鏍囩
                filtersText(text) { // 瑕佸垽鏂竴涓�,濡傛灉鏄┖灏辫繑鍥炵┖瀛楃涓�,涓嶇劧浼氭姤閿�
                    var reg = /&lt;[^&lt;&gt;]+&gt;/g; //1銆佸叏灞€鍖归厤g鑲畾蹇樿鍐�,2銆�&lt;&gt;鏍囩涓笉鑳藉寘鍚爣绛惧疄鐜拌繃婊TML鏍囩
                    text = text.replace(reg, ''); //鏇挎崲HTML鏍囩
                    text = text.replace(/&amp;nbsp;/ig, ''); //鏇挎崲HTML绌烘牸
                    return text;
                },
                //鏂伴椈鏃堕棿杩囨护鏍囩
                filtersTime(val) {
                    var now = new Date(val);
                    var yy = now.getFullYear(); //骞�
                    var mm = now.getMonth() + 1; //鏈�
                    var dd = now.getDate(); //鏃�
                    var hh = now.getHours(); //鏃�
                    var ii = now.getMinutes(); //鍒�
                    var ss = now.getSeconds(); //绉�
                    var clock = yy + "-";
                    if (mm &lt; 10) clock += "0";
                    clock += mm + "-";
                    if (dd &lt; 10) clock += "0";
                    clock += dd + " ";
                    if (hh &lt; 10) clock += "0";
                    clock += hh + ":";
                    if (ii &lt; 10) clock += '0';
                    clock += ii + ":";
                    if (ss &lt; 10) clock += '0';
                    clock += ss;
                    return clock;
                }
            },
            methods: {
                //鍘婚椤�
                toIndex() {
                    window.open("./index.html", "_self");
                },
                //鍘讳骇鍝佷腑蹇冧氦浜掓樉绀�
                toProduct1() {
                    window.open("./product.html?type=1", "_self");
                },
                //鍘讳骇鍝佷腑蹇冩櫤鎱ц蒋浠剁被
                toProduct2() {
                    window.open("./product.html?type=2", "_self");
                },
                //鍘讳骇鍝佷腑蹇冮厤浠剁被
                toProduct3() {
                    window.open("./product.html?type=3", "_self");
                },
                //鍘绘櫤鎱ц蒋浠剁被鐨勫綍鎾�
                toProductRecording() {
                    window.open("./product.html?type=2&amp;activeToo=1", "_self");
                },
                //鍘昏В鍐虫柟妗�
                toSolution() {
                    window.open("./solution.html", "_self");
                },
                //鍘诲箍鍛婃満
                toAdvertisingMachine() {
                    window.open("./advertising-machine.html", "_self");
                },
                //鍘绘渚�
                toCase() {
                    window.open("./case.html", "_self");
                },
                //鍘绘湇鍔�
                toServe() {
                    window.open("./serve.html", "_self");
                },
                //鍘诲叧浜庢垜浠�
                toAboutUs() {
                    window.open("./about-us.html", "_self");
                },
                //鍘诲皬鐗涘姩鎬�
                toDynamics() {
                    window.open("./dynamics.html", "_self");
                },
                //鐐瑰嚮寰崥鍥炬爣
                toWb() {
                    window.open("https://weibo.com/u/7573642595?is_hot=1", "_blank");
                },
                //鐐瑰嚮寰俊灏忓浘鏍囷紙鎵嬫満锛�
                showScan() {
                    this.canShow = !this.canShow
                },
                //鐐瑰嚮鎵嬫満绔ご閮ㄥ睍寮€
                open() {
                    this.canOpen = true
                },
                //鐐瑰嚮鎵嬫満绔ご閮ㄥ叧闂�
                close() {
                    this.canOpen = false
                },
                //鐐瑰嚮pc绔挱鏀捐棰�
                OpenVideoPc() {
                    this.pcVideoOpen = true
                    this.autoplay = true
                },
                //鐐瑰嚮鎵嬫満绔挱鏀捐棰�
                OpenVideoMobile() {
                    this.mobileVideoOpen = true
                    this.autoplayMobile = true
                },
                //鑾峰彇pc绔疆鎾浘
                getBannerListPc() {
                    $.ajax({
                        type: 'GET',
                        url: 'https://api.website.jsxniu.com/api/banner/query',
                        data: {
                            moduleType: 1,
                            platformValue: 1
                        },
                        dataType: 'json',
                        success: (reponse) =&gt; {
                            this.bannerList = reponse.data.list[0].imageList

                            this.$nextTick(() =&gt; {
                                var mySwiper1 = new Swiper('.swiper-container-pc', {
                                    autoplay: {
                                        delay: 5000,
                                        disableOnInteraction: false,
                                    },
                                    loop: true, // 寰幆妯″紡閫夐」
                                    speed: 1000, // 寰幆妯″紡閫夐」
                                    // 濡傛灉闇€瑕佸垎椤靛櫒
                                    pagination: {
                                        el: '.swiper-pagination',
                                        type: 'custom',
                                        autoplayDisableOnInteraction: false,
                                        renderCustom: function(swiper, current,
                                            total) {
                                            var paginationHtml = " ";
                                            for (var i = 0; i &lt; total; i++) {
                                                // 鍒ゆ柇鏄笉鏄縺娲荤劍鐐癸紝鏄殑璇濇坊鍔燼ctive绫伙紝涓嶆槸灏卞彧娣诲姞鍩烘湰鏍峰紡绫�
                                                if (i === (current - 1)) {
                                                    paginationHtml +=
                                                        '&lt;span class="swiper-pagination-customs swiper-pagination-customs-active"&gt;&lt;/span&gt;';
                                                } else {
                                                    paginationHtml +=
                                                        '&lt;span class="swiper-pagination-customs"&gt;&lt;/span&gt;';
                                                }
                                            }
                                            return paginationHtml;
                                        },
                                    },
                                    // 濡傛灉闇€瑕佸墠杩涘悗閫€鎸夐挳
                                    navigation: {
                                        nextEl: '.swiper-button-next',
                                        prevEl: '.swiper-button-prev',
                                    },
                                })
                            })

                        },
                        error: function(xhr, type) {
                            // alert('鍔犺浇鍑洪敊!');
                            console.log(xhr, type);
                        }
                    });
                },
                //鑾峰彇鎵嬫満绔疆鎾浘
                getBannerListMobile() {
                    $.ajax({
                        type: 'GET',
                        url: 'https://api.website.jsxniu.com/api/banner/query',
                        data: {
                            moduleType: 1,
                            platformValue: 2
                        },
                        dataType: 'json',
                        success: (reponse) =&gt; {
                            this.bannerListToo = reponse.data.list[0].imageList

                            this.$nextTick(() =&gt; {
                                var mySwiper2 = new Swiper('.swiper-container-mobile', {
                                    autoplay: {
                                        delay: 5000,
                                        disableOnInteraction: false,
                                    },
                                    loop: true, // 寰幆妯″紡閫夐」
                                    speed: 1000, // 寰幆妯″紡閫夐」
                                    // 濡傛灉闇€瑕佸垎椤靛櫒
                                    pagination: {
                                        el: '.swiper-pagination',
                                        bulletClass: 'my-bullet', //闇€璁剧疆.my-bullet鏍峰紡
                                        bulletActiveClass: 'my-bullet-active',
                                    },
                                })
                            })

                        },
                        error: function(xhr, type) {
                            // alert('鍔犺浇鍑洪敊!');
                            console.log(xhr, type);
                        }
                    });
                },
                //鑾峰彇鏂伴椈鍔ㄦ€佸垪琛�
                getNewsList() {
                    $.ajax({
                        type: 'GET',
                        url: 'https://api.website.jsxniu.com/api/news/query',
                        data: {
                            currentPage: 1,
                            count: 4,
                        },
                        dataType: 'json',
                        success: (reponse) =&gt; {
                            if (reponse.code == 200) {
                                this.newsList = reponse.data.list
                            }
                        },
                        error: function(xhr, type) {
                            // alert('鍔犺浇鍑洪敊!');
                            console.log(xhr, type);
                        }
                    });
                },
                //鍘绘柊闂昏鎯�
                toNewsDetail(item) {
                    window.open(`./news-detail.html?type=news&amp;id=${item.id}`, "_self");
                },
            },
            created() {
                this.getBannerListPc()
                this.getBannerListMobile()
                this.getNewsList()
            },
        })
    &lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;</pre></body></html>