From 82d483406921aa92b6ce3a1af5d17d80ccb78256 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 04 七月 2025 09:39:57 +0800
Subject: [PATCH] 提交
---
web/index.html | 640 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 640 insertions(+), 0 deletions(-)
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..335895b
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,640 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>璞嗙背璺宠烦</title>
+ <link rel="stylesheet" href="./assets/common.css">
+ <link rel="stylesheet" href="./assets/home.css">
+ <link rel="stylesheet" href="./assets/animate.css">
+ <link rel="stylesheet" href="./assets/animate.min.css">
+ <link rel="stylesheet" href="./assets/swiper.css">
+ <script src="./js/jquery.js"></script>
+ <script src="./js/swiper.js"></script>
+ <script src="./js/home.js"></script>
+ <script src="./js/selectFilter.js"></script>
+ <link rel="stylesheet" href="./assets/selectFilter.css">
+</head>
+<body>
+ <div class="index">
+ <div id="header">
+ <div class="nav">
+ <div class="nav-logo">
+ <img src="./assets/images/top_logo@2x.png" alt="logo">
+ </div>
+ <ul>
+ <li>
+ <a href="./index.html">棣栭〉</a>
+ <div class="underline"></div>
+ </li>
+ <li>
+ <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ </li>
+ <li>
+ <a href="./solution.html">瑙ｅ喅鏂规</a>
+ </li>
+ <li>
+ <a href="./alot.html">Alot鐗╄仈</a>
+ </li>
+ <li>
+ <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+ </li>
+ <li>
+ <a href="./about.html">鍏充簬鎴戜滑</a>
+ </li>
+ <li>
+ <a href="./about.html#section1">娓犻亾鍚堜綔</a>
+ </li>
+ </ul>
+ <a href="./about.html#section1" class="nav-btn">鍏嶈垂璇曠敤</a>
+ </div>
+ </div>
+ <div style="width: 100%; height: 70px;"></div>
+ <div class="index-banner">
+ <div class="index-banner-img">
+ <div class="swiper-container">
+ <div class="swiper-wrapper" id="banner">
+
+ </div>
+ </div>
+ </div>
+ <div class="index-banner-list">
+ <div class="index-banner-list-item">
+ <img src="./assets/images/home_ic_bushu@2x.png" alt="" />
+ <div class="index-banner-list-item-title">鐙珛閮ㄧ讲瀹夊叏鐪佸績</div>
+ <div class="index-banner-list-item-describe">绉佹湁鏈嶅姟鍣ㄥ瓨鍌紝鏉滅粷娉勯湶椋庨櫓</div>
+ </div>
+ <div class="index-banner-list-item">
+ <img src="./assets/images/home_ic_yuanma@2x.png" alt="" />
+ <div class="index-banner-list-item-title">婧愮爜鍚堜綔鑷富鍙帶</div>
+ <div class="index-banner-list-item-describe">鎻愪緵婧愮爜鎺堟潈锛屾寜闇�浜屾寮�鍙�</div>
+ </div>
+ <div class="index-banner-list-item">
+ <img src="./assets/images/home_ic_yunwei@2x.png" alt="" />
+ <div class="index-banner-list-item-title">鏅鸿兘杩愮淮鏁堢巼鍊嶅</div>
+ <div class="index-banner-list-item-describe">鏅鸿兘璇婃柇锛屾敮鎸佸棣嗚繍缁�</div>
+ </div>
+ <div class="index-banner-list-item">
+ <img src="./assets/images/home_ic_duoduan@2x.png" alt="" />
+ <div class="index-banner-list-item-title">澶氱鏀寔缁熶竴绠＄悊</div>
+ <div class="index-banner-list-item-describe">閫傞厤灏忕▼搴�/APP/PC/H5绛夊缁堢</div>
+ </div>
+ <div class="index-banner-list-item">
+ <img src="./assets/images/home_ic_fuwu@2x.png" alt="" />
+ <div class="index-banner-list-item-title">鏈嶅姟璧嬭兘涓氬姟鍗囩骇</div>
+ <div class="index-banner-list-item-describe">鍏ㄦ祦绋嬫姢鑸紝鍏ㄦ柟浣嶆湇鍔″姪鍔�</div>
+ </div>
+ </div>
+ </div>
+ <div class="index-fa">
+ <div class="index-fa-head">
+ <span>鏅烘収绌洪棿瑙ｅ喅鏂规</span>
+ <span>鈥滀簯+澶ф暟鎹�+5G+鐗╄仈缃�+AIoT鈥濅簲浣嶄竴浣擄紝婊¤冻澶氬厓鍖栨櫤鎱у満鏅笟鍔￠渶姹�</span>
+ </div>
+ <div class="index-fa-c">
+ <div class="fa-c-item">
+ <a href="./solution.html">
+ <img src="./assets/images/home_img1@2x.png" alt="" />
+ <img src="./assets/images/home_img1_open@2x.png" style="display: none;" alt="" />
+ <span class="fa-c-item-title">24h鏅鸿兘鍦洪</span>
+ <div class="fa-c-item-c">
+ <span>鏁版櫤浣撹偛鍦洪</span>
+ <div class="fa-c-item-c-x"></div>
+ <span>鏋勫缓澶氱鍙ｇ鐞嗘湇鍔″钩鍙帮紝瀹炵幇杩愯惀鏈嶅姟鍏ㄥ満</span>
+ </div>
+ </a>
+ </div>
+ <div class="fa-c-item">
+ <a href="./solution.html">
+ <img src="./assets/images/home_img2@2x.png" alt="" />
+ <img src="./assets/images/home_img2_open@2x.png" style="display: none;" alt="" />
+ <span class="fa-c-item-title">24h鏅鸿兘鍦洪</span>
+ <div class="fa-c-item-c" style="display: none;">
+ <span>24h鏅鸿兘鍦洪</span>
+ <div class="fa-c-item-c-x"></div>
+ <span>鍩轰簬鍦洪绯荤粺鍜岀墿鑱旇澶囧崗鍚岋紝瀹炵幇鍦洪鏃犱汉鍊煎畧杩愯惀</span>
+ </div>
+ </a>
+ </div>
+ <div class="fa-c-item">
+ <a href="./solution.html">
+ <img src="./assets/images/home_img3@2x.png" alt="" />
+ <img src="./assets/images/home_img3_open@2x.png" style="display: none;" alt="" />
+ <span class="fa-c-item-title">鏁版櫤浣撹偛骞冲彴</span>
+ <div class="fa-c-item-c" style="display: none;">
+ <span>鏁版櫤浣撹偛骞冲彴</span>
+ <div class="fa-c-item-c-x"></div>
+ <span>涓哄悇绾т綋鑲茬鐞嗘満鏋勮祴鑳斤紝鏋勫缓楂樻晥鍗忓悓鐨勬湇鍔″钩鍙�</span>
+ </div>
+ </a>
+ </div>
+ <div class="fa-c-item">
+ <a href="./solution.html">
+ <img src="./assets/images/home_img4@2x.png" alt="" />
+ <img src="./assets/images/home_img4_open@2x.png" style="display: none;" alt="" />
+ <span class="fa-c-item-title">鏅尯&娓镐箰鍥�</span>
+ <div class="fa-c-item-c" style="display: none;">
+ <span>鏅尯&娓镐箰鍥�</span>
+ <div class="fa-c-item-c-x"></div>
+ <span>鎻愪緵涓�浣撳寲杩愯惀绠＄悊绯荤粺锛岃祴鑳芥櫙鍖恒�佷箰鍥暟瀛楀寲鍗囩骇杞瀷</span>
+ </div>
+ </a>
+ </div>
+ <div class="fa-c-item">
+ <a href="./solution.html">
+ <img src="./assets/images/home_img5@2x.png" alt="" />
+ <img src="./assets/images/home_img5_open@2x.png" style="display: none;" alt="" />
+ <span class="fa-c-item-title">绌洪棿鏅烘収绠＄悊</span>
+ <div class="fa-c-item-c" style="display: none;">
+ <span>绌洪棿鏅烘収绠＄悊</span>
+ <div class="fa-c-item-c-x"></div>
+ <span>渚濇墭鐗╄仈缃戜笌澶ф暟鎹妧鏈紝鏅鸿兘鐩戞祴璋冩帶绌洪棿璧勬簮锛岀鐞嗘晥鐜�</span>
+ </div>
+ </a>
+ </div>
+ </div>
+ <div class="index-fa-btn">
+ <a href="./solution.html">
+ <span>绔嬪嵆鍜ㄨ</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="index-y">
+ <div class="index-fa-head">
+ <span>杩愯惀杩愮淮涓�浣撳寲瑙ｅ喅鏂规</span>
+ <span>涓哄満棣嗛噺韬墦閫犵殑杩愯惀銆佽繍缁磋В鍐虫柟妗堬紝浣撶郴鍖栧府鍔╁満棣嗚В鍐宠繍钀ャ�佽繍缁磋繃绋嬩腑鐨勭鐞嗛棶棰橈紝鎻愬崌鍦洪杩愯惀鍜岃繍缁存暣浣撹兘鍔�</span>
+ </div>
+ <div class="index-y-cate">
+ <div class="index-y-cate-item">鏅烘収鍦洪杩愯惀绯荤粺</div>
+ <div class="index-y-cate-item">鏅烘収鍦洪杩愮淮绯荤粺</div>
+ </div>
+ <div class="index-y-content">
+ <div class="index-y-content-image">
+ <img id="index-y-image1" src="./assets/images/home_img6@2x.png" alt="" />
+ </div>
+ <div class="index-y-content-info">
+ <img id="index-y-image2" src="./assets/images/home_ic_yunying@2x.png" class="index-y-content-info-icon" alt="" />
+ <div class="index-y-content-info-title">鏅烘収鍦洪杩愯惀绯荤粺</div>
+ <div class="index-y-content-info-dsc">鏁村悎鍦洪鍐呴儴璧勬簮锛屽鍦洪鐨勮鏂姐�佽澶囥�佹湇鍔＄瓑杩涜鏅鸿兘鍖栨敼閫犲拰鍗囩骇锛屽疄鐜扮敤鎴蜂綋楠屼笌钀ユ敹鍙屽闀�</div>
+ <div class="index-y-content-info-btn">
+ <a href="./operation.html">
+ <span>浜嗚В璇︽儏</span>
+ <img src="./assets/images/ar_detail@2x.png" alt="" />
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="index-scheme">
+ <div class="index-fa-head">
+ <span>AIOT鏅烘収鐗╄仈缃戜骇鍝佽В鍐虫柟妗�</span>
+ <span>鏀寔鎺ュ叆鍚勭被鏅鸿兘纭欢浜у搧锛屾彁渚涜蒋纭欢涓�浣撳寲鐨勬櫤鎱х┖闂磋В鍐虫柟妗堬紝鍔╁姏闄嶆湰澧炴晥</span>
+ </div>
+ <div class="index-scheme-c">
+ <div class="scheme-c-left wow animate__animated animate__bounceInLeft">
+ <div class="scheme-c-left_item" style="top: 28px; right: 169px;">
+ <span>鏅烘収鍓嶅彴</span>
+ <img src="./assets/images/home_ic_aiot1@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 88px; right: 109px;">
+ <span>鏅鸿兘闂告満</span>
+ <img src="./assets/images/home_ic_aiot2@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 147px; right: 55px;">
+ <span>鏅鸿兘娉虫睜闃叉汉绯荤粺</span>
+ <img src="./assets/images/home_ic_aiot3@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 207px; right: 55px;">
+ <span>鏅鸿兘浣撴俯鏍告煡</span>
+ <img src="./assets/images/home_ic_aiot4@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 266px; right: 109px;">
+ <span>鍙岀洰鍨傜洿瀹㈡祦鎽勫儚鏈�</span>
+ <img src="./assets/images/home_ic_aiot5@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 326px; right: 170px;">
+ <span>鏅鸿兘浣撴祴浠�</span>
+ <img src="./assets/images/home_ic_aiot6@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="scheme-c-content">
+ <img class="scheme-c-content-w" src="./assets/images/home_aiot_middle@2x.png" alt="" />
+ <img class="scheme-c-content-n" src="./assets/images/hom11e_aiot_middle@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-right wow animate__animated animate__bounceInRight">
+ <div class="scheme-c-left_item" style="top: 28px; left: 169px;">
+ <span>鏅鸿兘闂ㄧ</span>
+ <img src="./assets/images/home_ic_aiot7@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 98px; left: 109px;">
+ <span>鏅鸿兘鍌ㄧ墿鏌�</span>
+ <img src="./assets/images/home_ic_aiot8@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 168px; left: 55px;">
+ <span>浜鸿劯璇嗗埆涓�浣撴満</span>
+ <img src="./assets/images/home_ic_aiot9@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 238px; left: 109px;">
+ <span>鑷姪鍞エ鏈�</span>
+ <img src="./assets/images/home_ic_aiot10@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 308px; left: 169px;">
+ <span>鏅鸿兘鎵嬬幆</span>
+ <img src="./assets/images/home_ic_aiot11@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-left_item" style="top: 308px; left: 312px;">
+ <span>鏅鸿兘鎵嬬幆鏈�</span>
+ <img src="./assets/images/home_ic_aiot12@2x.png" alt="" />
+ </div>
+ <div class="scheme-c-right-x"></div>
+ </div>
+ </div>
+ <div class="index-fa-btn">
+ <a href="./alot.html">
+ <span>浜嗚В璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </a>
+ </div>
+ </div>
+ <div class="index-a">
+ <div class="index-fa-head">
+ <span>澶氱粓绔敮鎸併�佹彁鍗囪繍钀ユ晥鐜�</span>
+ <span>澶氱鍙ｈ仈鍚堟敮鎸佷娇鐢紝璧嬭兘鍦洪鏋勫缓鍏ㄥ満鏅畨鍏ㄧ鎺т笌渚挎嵎鏈嶅姟</span>
+ </div>
+ <div class="index-a-c">
+ <div class="index-a-c-item">绉诲姩绔�</div>
+ <div class="index-a-c-item">PC绔�</div>
+ <div class="index-a-c-item">鑷姪绔�</div>
+ <div class="index-a-c-item">鏁版嵁澶у睆</div>
+ </div>
+ <div id="index-a-1" class="index-a-nr animate__animated animate__slideInUp">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-title">绉诲姩鎺堟潈蹇�熺櫥褰曪紝闅忔椂闅忓湴楂樻晥鍗忎綔</div>
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>瀹炴椂鏁版嵁鍚屾锛屼竴绔欏紡杩愯惀绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>澶氳鑹叉潈闄愰厤缃紝鑱岃矗涓�鐩簡鐒�</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>杞婚噺鍖栭儴缃诧紝闅忔椂闅忓湴鍚屾绠＄悊</span>
+ </div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/home_img8@2x.png" alt="" />
+ </div>
+ </div>
+ <div id="index-a-2" class="index-a-nr animate__animated animate__slideInUp">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-title">涓撲笟鍖栨繁搴﹁繍钀ワ紝鏀寔澶氫笟鎬�/杩為攣缁忚惀绠＄悊</div>
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>鍔熻兘妯″潡娣卞害缁嗗垎锛岃祴鑳藉叏鍦烘櫙杩愯惀绠＄悊</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>鍟嗘埛绔�佸満棣嗙灞傜骇鍒掑垎锛岀鐞嗘洿鏂逛究</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>鏀寔婧愮爜浜屾寮�鍙戯紝淇濋殰鏁版嵁瀹夊叏</span>
+ </div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/home_img9@2x.png" alt="" />
+ </div>
+ </div>
+ <div id="index-a-3" class="index-a-nr animate__animated animate__slideInUp">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-title">鑷姪鏈嶅姟缁堢锛屾弧瓒冲鍦烘櫙渚挎嵎鏈嶅姟闇�姹�</div>
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>鎿嶄綔渚挎嵎锛岀敤鎴疯嚜鍔╁畬鎴愬叏娴佺▼鏈嶅姟</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>鍏ㄥぉ鍊欒嚜鍔╂湇鍔★紝瀹炵幇鏃犱汉鍊煎畧杩愯惀</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>搴旂敤鍦烘櫙骞挎硾锛岄檷浣庡熀纭�浜哄姏鎴愭湰</span>
+ </div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/home_img10@2x.png" alt="" />
+ </div>
+ </div>
+ <div id="index-a-4" class="index-a-nr animate__animated animate__slideInUp">
+ <div class="index-a-nr-left">
+ <div class="index-a-nr-left-title">鍙鍖栨暟瀛楀鐢熼┚椹惰埍锛岄殢鏃朵簡瑙ｉ鍐呭姩鎬�</div>
+ <div class="index-a-nr-left-list">
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>璁惧鐘舵�佸疄鏃跺憟鐜帮紝闅愭偅鍖哄煙鑷姩鏍囩孩</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>澶氱淮鐪嬫澘鑷敱缁勫悎锛岄噸鐐规暟鎹竴鐩簡鐒�</span>
+ </div>
+ <div class="index-a-nr-left-list_item">
+ <img src="./assets/images/ic_gou@2x.png" alt="">
+ <span>寮傚父鐘舵�佺绾ч璀︼紝鍐崇瓥鍝嶅簲閫熷害鎻愬崌</span>
+ </div>
+ </div>
+ <div class="index-fa-btn" style="margin: 0;">
+ <span>鍜ㄨ璇︽儏</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-a-nr-right">
+ <img src="./assets/images/home_img11@2x.png" alt="" />
+ </div>
+ </div>
+ </div>
+ <div class="index-b">
+ <div class="index-fa-head">
+ <span>鏈嶅姟鍜ㄨ</span>
+ <span>鍏ㄦ祦绋嬫湇鍔★紝鎵撻�犱笓灞炴櫤鎱х┖闂磋В鍐虫柟妗�</span>
+ </div>
+ <div class="index-b-list">
+ <div class="index-b-list-item">
+ <img src="./assets/images/home_ic_siyouhua@2x.png" alt="" />
+ <span>绉佹湁鍖栭儴缃�</span>
+ </div>
+ <div class="index-b-list-item">
+ <img src="./assets/images/home1_ic_yuanma@2x.png" alt="" />
+ <span>婧愮爜鍚堜綔鍜ㄨ</span>
+ </div>
+ <div class="index-b-list-item">
+ <img src="./assets/images/home_ic_zhuanjia@2x.png" alt="" />
+ <span>涓撳鍦ㄧ嚎鏈嶅姟</span>
+ </div>
+ <div class="index-b-list-item">
+ <img src="./assets/images/home_ic_fangan@2x.png" alt="" />
+ <span>瑙ｅ喅鏂规鍜ㄨ</span>
+ </div>
+ </div>
+ <div class="index-fa-btn">
+ <span>绔嬪嵆鍜ㄨ</span>
+ <img src="./assets/images/btn_ar@2x.png" alt="" />
+ </div>
+ </div>
+ <div class="index-z">
+ <div class="index-fa-head">
+ <span>鍏充簬鎴戜滑</span>
+ <span>璞嗙背绉戞妧鎴愮珛浜�2014骞达紝鏄浗鍐呬笓涓氱殑鏁版櫤鏂囦綋鏃呮湇鍔″晢锛岃嚧鍔涗负鏂囦綋鏃呰涓氭彁渚涙暣濂楄蒋纭欢鍙婃櫤鎱у満鏅В鍐虫柟妗�</span>
+ </div>
+ <div class="index-z-c">
+ <div class="index-z-c-item">
+ <div class="index-z-c-item-img">
+ <img src="./assets/images/home_aboutus_img1@2x.png" alt="">
+ <div class="index-z-c-item-img-info">
+ <div class="index-z-c-item-img-info-item">
+ <span>60+</span>
+ <span>璧勮川璁よ瘉</span>
+ </div>
+ <div class="index-z-c-item-img-info-item">
+ <span>100+</span>
+ <span>杞欢钁椾綔</span>
+ </div>
+ </div>
+ </div>
+ <div class="index-z-c-item-title">鍏徃鑽ｈ獕</div>
+ </div>
+ <div class="index-z-c-item">
+ <div class="index-z-c-item-img">
+ <img src="./assets/images/home_aboutus_img2@2x.png" alt="">
+ <div class="index-z-c-item-img-info">
+ <div class="index-z-c-item-img-info-item">
+ <span>9+</span>
+ <span>琛屼笟棰嗗煙</span>
+ </div>
+ <div class="index-z-c-item-img-info-item">
+ <span>10+</span>
+ <span>涓撳鐭╅樀</span>
+ </div>
+ </div>
+ </div>
+ <div class="index-z-c-item-title">琛屼笟涓撳</div>
+ </div>
+ <div class="index-z-c-item">
+ <div class="index-z-c-item-img">
+ <img src="./assets/images/home_aboutus_img3@2x.png" alt="">
+ <div class="index-z-c-item-img-info">
+ <div class="index-z-c-item-img-info-item">
+ <span>8+</span>
+ <span>椤圭洰缁忕悊</span>
+ </div>
+ <div class="index-z-c-item-img-info-item">
+ <span>50+</span>
+ <span>鍥㈤槦浜哄憳</span>
+ </div>
+ </div>
+ </div>
+ <div class="index-z-c-item-title">鎶�鏈洟闃�</div>
+ </div>
+ <div class="index-z-c-item">
+ <div class="index-z-c-item-img">
+ <img src="./assets/images/home_aboutus_img4@2x.png" alt="">
+ <div class="index-z-c-item-img-info">
+ <div class="index-z-c-item-img-info-item">
+ <span>100+</span>
+ <span>鍚堜綔浼欎即</span>
+ </div>
+ <div class="index-z-c-item-img-info-item">
+ <span>3000+</span>
+ <span>瀹㈡埛瑙勬ā</span>
+ </div>
+ </div>
+ </div>
+ <div class="index-z-c-item-title">鍏ㄥ浗瀹㈡埛</div>
+ </div>
+ <div class="index-z-c-item">
+ <div class="index-z-c-item-img">
+ <img src="./assets/images/home_aboutus_img5@2x.png" alt="">
+ <div class="index-z-c-item-img-info">
+ <div class="index-z-c-item-img-info-item">
+ <span>鈥�3鈥�</span>
+ <span>鏅烘収绯荤粺骞冲彴</span>
+ </div>
+ <div class="index-z-c-item-img-info-item">
+ <span>鈥�5鈥�</span>
+ <span>鏅烘収搴旂敤</span>
+ </div>
+ <div class="index-z-c-item-img-info-item">
+ <span>鈥淣鈥�</span>
+ <span>鐗╄仈搴旂敤</span>
+ </div>
+ </div>
+ </div>
+ <div class="index-z-c-item-title">鏈嶅姟浣撶郴</div>
+ </div>
+ </div>
+ </div>
+ <div class="index-x">
+ <div class="index-fa-head">
+ <span>瀹㈡埛妗堜緥</span>
+ <span>涓氬姟瑕嗙洊鍦板尯20+锛屽鎴锋湇鍔¤妯�3000+锛岃Е杈捐繍鍔ㄤ汉缇�4500涓�+</span>
+ </div>
+ <div class="index-x-c">
+ <div class="swiper-container">
+ <div class="swiper-wrapper">
+ <div class="swiper-slide">
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>鍏畨甯備綋鑲蹭腑蹇�</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>鏂伴儜甯傜値榛勪綋鑲蹭腑蹇�</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>浜戝崡鏄撻棬浣撹偛涓績</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>鍏畨甯備綋鑲蹭腑蹇�</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ </div>
+ <div class="swiper-slide">
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>鍏畨甯備綋鑲蹭腑蹇�</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>鏂伴儜甯傜値榛勪綋鑲蹭腑蹇�</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>浜戝崡鏄撻棬浣撹偛涓績</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ <div class="swiper-slide-item">
+ <div class="swiper-slide-item-tu">
+ <img src="./assets/images/home_kehu_img@2x.png" alt="" />
+ </div>
+ <div class="swiper-slide-item-info">
+ <span>鍏畨甯備綋鑲蹭腑蹇�</span>
+ <span>鏂囨璞嗙背璺宠烦鎻愪緵鐨勬櫤鎱х粡钀ヨВ鍐虫柟妗堝疄鐜颁簡鎴戜滑鍦洪鐨勫湪绾块璁紝浼樻儬鍒告姇鏀撅紝鏈嬪弸鍦堟帹骞匡紝鍩硅鐨勭鐞嗐�佸鍛樻。妗堜篃鏋佸ぇ鐨勬彁鍗囦簡瀹堕暱鐨勬湇鍔′綋楠�</span>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="pagination"></div>
+ </div>
+ </div>
+ </div>
+ <div class="index-u">
+ <div class="index-fa-head">
+ <span>鍚堜綔浼欎即</span>
+ <span>鐢ㄦ洿濂界殑鎶�鏈�佹洿浼樼殑鏈嶅姟鍔╁姏鍦洪瀹炵幇鍏ㄥ満鏅櫤鑳藉寲鍗囩骇鏀归��</span>
+ </div>
+ <div class="index-u-c">
+ <img src="./assets/images/home_hezuo@2x.png" alt="" />
+ </div>
+ </div>
+ <div id="back-to-top">
+ <img src="./assets/icon/bottom_ic_top@2x.png" alt="" />
+ </div>
+ <div id="footer"></div>
+ </div>
+ <script src="./js/wow.min.js"></script>
+ <script>
+ if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
+ new WOW().init();
+ };
+
+ let url = 'http://121.41.112.139:8099'
+
+ // 鑾峰彇棣栭〉杞挱鍥�
+ $.ajax({
+ async: false,
+ url: url + '/dmttwebsite/web/api/getCarousel',
+ type: 'GET',
+ success: function (res) {
+ for (const item of res.data) {
+ let html = `
+ <div class="swiper-slide" style="cursor: pointer; overflow: hidden; justify-content: center; padding: 0 !important;">
+ <img src="${item.fullImgurl}" />
+ <div class="swiper-slide-infos">
+ <div class="swiper-slide-infos-a">${item.title}</div>
+ <div class="swiper-slide-infos-b">${item.detail}</div>
+ <div class="swiper-slide-infos-c">
+ <a class="swiper-slide-infos-c-a" href="${item.content}">鍜ㄨ璇︽儏</a>
+ <img src="./assets/images/btn_ar@2x.png" alt="">
+ </div>
+ </div>
+ </div>
+ `
+ $('#banner').append(html)
+ }
+ }
+ })
+
+ var mySwiper = new Swiper('.swiper-container',{
+ autoplay : 5000,
+ pagination: {
+ el: '.pagination',
+ paginationClickable :true,
+ }
+ })
+ </script>
+</body>
+</html>
--
Gitblit v1.9.3