bingyu-duanxinwangzhan/message-code/message/index.html

697 lines
38 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<title>首页</title>
<link rel="stylesheet" href="./css/swiper.min.css" />
<link rel="stylesheet" href="./css/aos.css" />
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/media.css" />
</head>
<body>
<!-- 桌面端顶部 -->
<div class="header">
<div class="header-container">
<a href="index.html" class="header-logo">
<img src="./images/logo.svg" alt="" height="32" />
</a>
<div class="header-menu">
<div class="header-item">
<a href="index.html" class="active">首页</a>
</div>
<div class="header-item">
<a href="javascript:void(0);">产品中心</a>
<img src="./images/down.png" alt="" height="8" />
<div class="header-find find-3">
<div class="find-left">
<a href="javascript:void(0);">云通讯</a>
<a href="move-mess.html">视频短信</a>
<a href="inter-mess.html">国际短信</a>
<a href="tel-test.html">号码检测</a>
<a href="voice-service.html">语音服务</a>
</div>
<div class="find-right">
<div class="find-item">
<a href="code-mess.html">验证码短信</a>
<a href="notice-mess.html">通知短信</a>
<a href="vip-mess.html">会员营销短信</a>
</div>
</div>
</div>
</div>
<div class="header-item">
<a href="javascript:void(0);">解决方案</a>
<img src="./images/down.png" alt="" height="8" />
<div class="header-find">
<div class="find-other">
<a href="food.html">餐饮</a>
<a href="shop.html">电商</a>
<a href="game.html">游戏</a>
<a href="logistics.html">物流</a>
</div>
</div>
</div>
<div class="header-item">
<a href="developer.html">开发者中心</a>
</div>
<div class="header-item">
<a href="about.html">关于我们</a>
</div>
<div class="header-item">
<a href="content.html">个人中心</a>
</div>
</div>
<div class="header-user">
<!-- 未登录 -->
<a href="register.html" class="register">注册</a>
<a href="login.html" class="login">登录</a>
<!-- 已登录 -->
<div class="user-info" style="display: none;">
<img src="./images/avatar.png" alt="" class="user-avatar" />
<img src="./images/down.png" alt="" height="8" class="user-icon" />
<div class="user-item">
<a href="content.html">个人中心</a>
<a href="userInfo.html">基本信息</a>
<a href="javascript:logout();">退出登录</a>
</div>
</div>
</div>
</div>
</div>
<!-- 移动端顶部 -->
<div class="mHeader">
<a href="index.html" class="header-logo">
<img src="./images/logo.svg" alt="" height="20" />
</a>
<p class="m-title">首页</p>
<div class="m-user">
<!-- 未登录 -->
<a href="register.html" class="m-register">注册</a>
<a href="login.html" class="m-login">登录</a>
<!-- 已登录 -->
<a href="content.html" class="m-name" style="display: none;">用户名</a>
</div>
</div>
<!-- 移动端底部 -->
<div class="mFooter">
<a href="index.html">
<img src="" alt="" />
<p style="color: #A72424;">首页</p>
</a>
<a href="code-mess.html">
<img src="" alt="" />
<p>产品中心</p>
</a>
<a href="food.html">
<img src="" alt="" />
<p>解决方案</p>
</a>
<a href="developer.html">
<img src="" alt="" />
<p>开发者中心</p>
</a>
<a href="about.html">
<img src="" alt="" />
<p>关于我们</p>
</a>
</div>
<div class="container">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/banner-pc.png" width="100%" alt="" class="banner-pc" />
<img src="./images/banner-m.png" width="100%" alt="" class="banner-m" />
</div>
</div>
</div>
<div class="box">
<p class="box-title" aos="fade-up">
PRODUCT SERVICES
<span>产品与服务</span>
</p>
<div class="box-type">
<div class="box-type-item box-type-on" data-name="ytx" aos="fade-up" aos-delay="50">
<img src="./images/ytx-on.svg" alt="" />
<span>云通讯</span>
</div>
<div class="box-type-item" data-name="dxsp" aos="fade-up" aos-delay="100">
<img src="./images/dxsp.svg" alt="" />
<span>视频短信</span>
</div>
<div class="box-type-item" data-name="gjdx" aos="fade-up" aos-delay="150">
<img src="./images/gjdx.svg" alt="" />
<span>国际短信</span>
</div>
<div class="box-type-item" data-name="hmjc" aos="fade-up" aos-delay="200">
<img src="./images/hmjc.svg" alt="" />
<span>号码检测</span>
</div>
<div class="box-type-item" data-name="yyfw" aos="fade-up" aos-delay="250">
<img src="./images/yyfw.svg" alt="" />
<span>语音服务</span>
</div>
</div>
<div class="box-list">
<div class="box-item">
<div class="box-info" aos="fade-up" aos-delay="300">
<div class="box-info-item" data-icon="icon1" onclick="openHtml('code-mess.html')">
<img src="./images/icon1.svg" width="24" alt="">
<p>验证码短信</p>
<span>注册、登录、登录异常、忘记密码、信息变更、支付确认、活动确认</span>
</div>
<div class="box-info-item" data-icon="icon2" onclick="openHtml('notice-mess.html')">
<img src="./images/icon2.svg" width="24" alt="">
<p>通知短信</p>
<span>服务通知、订单通知,物流通知,消费信息确认,到期提醒、出票提醒、出票通知、支付通知等</span>
</div>
<div class="box-info-item" data-icon="icon3" onclick="openHtml('vip-mess.html')">
<img src="./images/icon3.svg" width="24" alt="">
<p>会员营销短信</p>
<span>生日关怀,节日营销,活动邀请,新品上线,促销通知等</span>
</div>
<div class="box-info-item">
<input type="tel" name="tel" id="tel" placeholder="请输入手机号" />
<input type="button" value="立即体验" />
</div>
</div>
<img src="./images/img1.png" width="480" height="454" alt="" aos="fade-up" aos-delay="350" />
</div>
<div class="box-item">
<img src="./images/img2.png" width="480" height="454" alt="" aos="fade-up" aos-delay="300" />
<div class="box-info" aos="fade-up" aos-delay="350">
<div class="box-info-item" style="width: 100%; margin: 0;">
<p onclick="openHtml('move-mess.html')">视频短信</p>
<span onclick="openHtml('move-mess.html')">超大容量2M音频、视频、图片、文字组合发送为目标用户提供绝佳的视觉效果将您的品牌及营销深入人心。</span>
<input type="tel" name="tel" id="tel" placeholder="请输入手机号" />
<input type="button" value="立即体验" />
</div>
</div>
</div>
<div class="box-item">
<div class="box-info" aos="fade-up" aos-delay="300">
<div class="box-info-item" style="width: 100%; margin: 0;">
<p onclick="openHtml('inter-mess.html')">国际短信</p>
<span onclick="openHtml('inter-mess.html')">覆盖全球200多个国家和地区、快速到达、支持全球语言。适用于短信验证码、短信通知等客户服务安全、稳定、快速的国际短信发送平台。</span>
<!-- <input type="tel" name="tel" id="tel" placeholder="请输入手机号" />-->
<!-- <input type="button" value="立即体验" />-->
</div>
</div>
<img src="./images/img3.png" width="453" height="466" alt="" aos="fade-up" aos-delay="350" />
</div>
<div class="box-item">
<img src="./images/img4.png" width="562" height="364" alt="" aos="fade-up" aos-delay="300" />
<div class="box-info" aos="fade-up" aos-delay="350">
<div class="box-info-item" style="width: 100%; margin: 0;">
<p onclick="openHtml('tel-test.html')">号码检测</p>
<span onclick="openHtml('tel-test.html')">致力于为企业和商家筛选正常活跃的号码,去除对互联网不感兴趣的人群,节约成本的同时也让营销推广更精准</span>
<!-- <input type="tel" name="tel" id="tel" placeholder="请输入手机号" />-->
<!-- <input type="button" value="立即体验" />-->
</div>
</div>
</div>
<div class="box-item" style="margin-top: 10px;">
<div class="box-info" aos="fade-up" aos-delay="300">
<div class="box-info-item" style="width: 100%; margin: 0;">
<p onclick="openHtml('voice-service.html')">语音服务</p>
<span onclick="openHtml('voice-service.html')">为企业客户打造语音验证码、消息通知、会员活动通知等服务,可快速触达企业海量用户。高到达率、超低延时、秒级触达、大容量、高并发。</span>
<input type="tel" name="tel" id="tel" placeholder="请输入手机号" />
<input type="button" value="立即体验" />
</div>
</div>
<img src="./images/img5.png" width="449" height="381" alt="" aos="fade-up" aos-delay="350" />
</div>
</div>
</div>
<div class="box-full">
<div class="box">
<p class="box-title" aos="fade-up">
INDUSTRY SOLUTIONS
<span>行业解决方案</span>
</p>
<img src="./images/img6.png" width="100%" alt="" aos="fade-up" aos-delay="100">
</div>
</div>
<div class="box">
<p class="box-title" aos="fade-up">
ENTERPRISE ADVANTAGES
<span>企业优势</span>
</p>
<div class="qyys-list">
<div class="qyys-item" aos="fade-up" aos-delay="50">
<img src="./images/img7.png" width="172" height="172" alt="">
<p>一站式</p>
<div>
<span>• 整合多类媒介通道</span>
<span>• 产品使用无缝切换</span>
<span>• 实现一体化管理</span>
</div>
</div>
<div class="qyys-item" aos="fade-up" aos-delay="150">
<img src="./images/img8.png" width="172" height="172" alt="">
<p>稳定安全</p>
<div>
<span>• 分布式、集群化部署</span>
<span>• 全面的监控预警体系</span>
<span>• 随需而变的技术扩展体系</span>
</div>
</div>
<div class="qyys-item" aos="fade-up" aos-delay="200">
<img src="./images/img9.png" width="172" height="172" alt="">
<p>接入灵活</p>
<div>
<span>• 提供各类产品的API</span>
<span>• 支持http、https、http2.0、CMPP</span>
<span>• 简单易用快速上手</span>
</div>
</div>
<div class="qyys-item" aos="fade-up" aos-delay="250">
<img src="./images/img10.png" width="172" height="172" alt="">
<p>极速到达</p>
<div>
<span>• 接口响应以毫秒计算</span>
<span>• 多节点处理中心发往各个通道</span>
<span>• 通道智能路由确保消息不堵塞</span>
</div>
</div>
<div class="qyys-item" aos="fade-up" aos-delay="300">
<img src="./images/img11.png" width="172" height="172" alt="">
<p>充沛资源</p>
<div>
<span>• 账号配置多条通道</span>
<span>• 每条通道设置有备用通道</span>
<span>• 保障99.9%到达率</span>
</div>
</div>
<div class="qyys-item" aos="fade-up" aos-delay="350">
<img src="./images/img12.png" width="172" height="172" alt="">
<p>个性服务</p>
<div>
<span>• 客户全生命周期1-1服务</span>
<span>• 7*24专业客服随时待命</span>
<span>• 10年经验护航贴心服务</span>
</div>
</div>
</div>
</div>
<div class="box-full">
<div class="box">
<p class="box-title" aos="fade-up">
ENTERPRISE DISPLAY
<span>合作企业展示</span>
</p>
<div class="hzhb-list">
<div class="hzhb-item" aos="fade-up" aos-delay="50">
<img src="./images/logo1.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="150">
<img src="./images/logo2.png" alt="" width="100%" />
</div>
<!-- <div class="hzhb-item" aos="fade-up" aos-delay="200">-->
<!-- <img src="./images/logo3.png" alt="" width="100%" />-->
<!-- </div>-->
<!-- <div class="hzhb-item" aos="fade-up" aos-delay="250">-->
<!-- <img src="./images/logo4.png" alt="" width="100%" />-->
<!-- </div>-->
<div class="hzhb-item" aos="fade-up" aos-delay="200">
<img src="./images/logo5.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="250">
<img src="./images/logo6.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="300">
<img src="./images/logo7.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="350">
<img src="./images/logo8.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="400">
<img src="./images/logo9.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="450">
<img src="./images/logo10.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="500">
<img src="./images/logo11.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="550">
<img src="./images/logo12.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="600">
<img src="./images/logo13.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="650">
<img src="./images/logo14.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="700">
<img src="./images/logo15.png" alt="" width="100%" />
</div>
<!-- <div class="hzhb-item" aos="fade-up" aos-delay="850">-->
<!-- <img src="./images/logo16.png" alt="" width="100%" />-->
<!-- </div>-->
<div class="hzhb-item" aos="fade-up" aos-delay="750">
<img src="./images/logo17.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="800">
<img src="./images/logo18.png" alt="" width="100%" />
</div>
<!-- <div class="hzhb-item" aos="fade-up" aos-delay="1000">-->
<!-- <img src="./images/logo19.png" alt="" width="100%" />-->
<!-- </div>-->
<div class="hzhb-item" aos="fade-up" aos-delay="850">
<img src="./images/logo20.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="900">
<img src="./images/logo21.png" alt="" width="100%" />
</div>
<!-- <div class="hzhb-item" aos="fade-up" aos-delay="1150">-->
<!-- <img src="./images/logo22.png" alt="" width="100%" />-->
<!-- </div>-->
<div class="hzhb-item" aos="fade-up" aos-delay="950">
<img src="./images/logo23.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1000">
<img src="./images/logo24.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1050">
<img src="./images/logo25.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1100">
<img src="./images/logo26.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1150">
<img src="./images/logo27.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1200">
<img src="./images/logo28.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1250">
<img src="./images/logo29.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1300">
<img src="./images/logo30.png" alt="" width="100%" />
</div>
<!-- <div class="hzhb-item" aos="fade-up" aos-delay="1600">-->
<!-- <img src="./images/logo31.png" alt="" width="100%" />-->
<!-- </div>-->
<div class="hzhb-item" aos="fade-up" aos-delay="1350">
<img src="./images/logo32.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1400">
<img src="./images/logo33.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1450">
<img src="./images/logo34.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1500">
<img src="./images/logo35.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1550">
<img src="./images/logo36.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1600">
<img src="./images/logo37.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1650">
<img src="./images/logo38.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1700">
<img src="./images/logo39.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1750">
<img src="./images/logo40.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1800">
<img src="./images/logo41.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1850">
<img src="./images/logo42.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1900">
<img src="./images/logo43.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="1950">
<img src="./images/logo44.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="2000">
<img src="./images/logo45.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="2050">
<img src="./images/logo46.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="2100">
<img src="./images/logo47.png" alt="" width="100%" />
</div>
<div class="hzhb-item" aos="fade-up" aos-delay="2150">
<img src="./images/logo48.png" alt="" width="100%" />
</div>
</div>
</div>
<!-- pc 合作伙伴轮播 -->
<div class="swiper-hzhb swiper-hzhb-pc" aos="fade-up" aos-delay="700">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb.svg" alt="" class="hzhb-img img-top">
<img src="./images/hzhb-on.svg" alt="" class="hzhb-img-on img-top" style="display: none;">
<p style="min-height: 300px;">抖音---成立于2016年是中国北京的一家信息科技有公司位于北京海淀区是由字节跳动孵化的一款音乐创意短视频社交软件该软件是一个面向全年龄的短视频社区平台用户可以通过这款软件选择歌曲拍摄音乐作品形成自己的作品。</p>
<div style="text-align: right;">
<img src="./images/case-1.png" alt="" class="hzhb-img-on" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb.svg" alt="" class="hzhb-img img-top">
<img src="./images/hzhb-on.svg" alt="" class="hzhb-img-on img-top" style="display: none;">
<p style="min-height: 300px;">申通快递是一家综合性的快递公司兼具传统快递业务以及电子商务物流服务可为国内大型C2C、B2C企业提供物流配送、第三方物流和仓储、代收货款、贵重物品通道等服务。</p>
<div style="text-align: right;">
<img src="./images/case-2.png" alt="" class="hzhb-img-on" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb.svg" alt="" class="hzhb-img img-top">
<img src="./images/hzhb-on.svg" alt="" class="hzhb-img-on img-top" style="display: none;">
<p style="min-height: 300px;">对于所有从事银行行业的人来说,对流程都非常重视、对数字都特别敏感,所以在短信这个非常特殊而重要的板块我们非常在意信息的规范性及安全性,河滔给到的方案让我们非常有信心。</p>
<div style="text-align: right;">
<img src="./images/case-3.png" alt="" class="hzhb-img-on" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb.svg" alt="" class="hzhb-img img-top">
<img src="./images/hzhb-on.svg" alt="" class="hzhb-img-on img-top" style="display: none;">
<p style="min-height: 300px;">市场活动中总会有一些恶意注册和登录,带来业务损失。河滔结合人工智能技术提供客户号码的验证,阻止恶意攻击。在星巴克注册环节采用短信验证,有效防止垃圾注册,从源头阻止恶意程序带来的业务损失。</p>
<div style="text-align: right;">
<img src="./images/case-4.png" alt="" class="hzhb-img-on" />
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<!-- 手机 合作伙伴轮播 -->
<div class="swiper-hzhb swiper-hzhb-m" aos="fade-up" aos-delay="700">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb-on.svg" alt="" class="img-top">
<p>抖音---成立于2016年是中国北京的一家信息科技有公司位于北京海淀区是由字节跳动孵化的一款音乐创意短视频社交软件该软件是一个面向全年龄的短视频社区平台用户可以通过这款软件选择歌曲拍摄音乐作品形成自己的作品。</p>
<div style="text-align: right;">
<img src="./images/case-1.png" alt="" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb-on.svg" alt="" class="img-top">
<p>申通快递是一家综合性的快递公司兼具传统快递业务以及电子商务物流服务可为国内大型C2C、B2C企业提供物流配送、第三方物流和仓储、代收货款、贵重物品通道等服务。</p>
<div style="text-align: right;">
<img src="./images/case-2.png" alt="" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb-on.svg" alt="" class="img-top">
<p>对于所有从事银行行业的人来说,对流程都非常重视、对数字都特别敏感,所以在短信这个非常特殊而重要的板块我们非常在意信息的规范性及安全性,河滔给到的方案让我们非常有信心。</p>
<div style="text-align: right;">
<img src="./images/case-3.png" alt="" />
</div>
</div>
</div>
<div class="swiper-slide">
<div class="hzhb-swiper">
<img src="./images/hzhb-on.svg" alt="" class="img-top">
<p>市场活动中总会有一些恶意注册和登录,带来业务损失。河滔结合人工智能技术提供客户号码的验证,阻止恶意攻击。在星巴克注册环节采用短信验证,有效防止垃圾注册,从源头阻止恶意程序带来的业务损失。</p>
<div style="text-align: right;">
<img src="./images/case-4.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box">
<p class="box-title" aos="fade-up">
NEWS CENTER
<span>新闻中心</span>
</p>
<div class="news-list" id="newsList">
<!-- <div class="news-item" id="newsItemOther" aos="fade-up" aos-delay="50">
</div>
<div class="news-item" id="newsItemFirst" style="background-color: #FBFBFB;" aos="fade-up" aos-delay="100">
</div> -->
</div>
<a href="news.html" class="news-more" aos="fade-up" aos-delay="150">查看更多新闻资讯</a>
</div>
<div class="footer">
<div class="footer-box">
<div class="footer-item">
<img src="./images/logo.svg" height="42" alt="">
<p class="footer-tip">服务热线</p>
<p class="footer-tel">400-1351-425</p>
<!-- <img src="./images/wechat.svg" height="30" alt="">
<img src="./images/weibo.svg" height="30" alt="">
<p class="dgzh">对公账户</p> -->
</div>
<div class="footer-item footer-menu-list">
<div class="footer-menu">
<p class="menu-title">热门产品</p>
<div style="float: left; margin-right: 40px;">
<a href="code-mess.html">验证码短信</a>
<a href="notice-mess.html">通知短信</a>
<a href="vip-mess.html">会员营销短信</a>
<a href="inter-mess.html">国际验证码短信</a>
<a href="move-mess.html">视频短信</a>
<a href="voice-service.html">多媒体消息</a>
</div>
<div style="float: left;">
<a href="">一键登录</a>
<a href="">图片OCR</a>
<a href="">图文验证码</a>
<a href="">智能短链</a>
<a href="">身份证实名认证</a>
</div>
</div>
<div class="footer-menu">
<p class="menu-title">解决方案</p>
<div style="float: left; margin-right: 40px;">
<a href="">注册登录</a>
<a href="">新客获客</a>
<a href="">老客激活</a>
<a href="">电商行业</a>
<a href="">游戏行业</a>
</div>
<div style="float: left;">
<a href="">金融行业</a>
<a href="">餐饮行业</a>
</div>
</div>
<div class="footer-menu">
<p class="menu-title">关于我们</p>
<a href="">企业介绍</a>
<a href="">企业动态</a>
<a href="">加入我们</a>
<a href="">联系我们</a>
</div>
</div>
</div>
<div class="line"></div>
<p class="copy-right">
Copyright @ 2023 上海河滔信息科技有限公司 地址上海市松江区九泾路655号嘉南红塔8号楼805室 <br>
版权所有沪ICP备2023008024号-1
</p>
</div>
</div>
<div class="kf">
<!-- <div class="kf-item kf-item1">
<div class="kf-box">
<p>在线客服工作时段</p>
<span>00:00-24:00</span>
<div class="kf-jt">
<span></span>
</div>
</div>
</div> -->
<div class="kf-item kf-item2">
<div class="kf-box">
<p>24小时客服热线</p>
<span>400-1351-425</span>
<div class="kf-jt">
<span></span>
</div>
</div>
</div>
<div class="kf-item kf-item3">
<div class="kf-box">
<p style="text-align: center;">扫码咨询</p>
<img src="./images/code-img.png" width="113" alt="">
<div class="kf-jt">
<span></span>
</div>
</div>
</div>
<div class="kf-item kf-item4" onclick="workOrder()">
<div class="kf-box">
<p>工单</p>
<div class="kf-jt">
<span></span>
</div>
</div>
</div>
</div>
<script src="./js/jquery-3.7.1.min.js"></script>
<script src="./layer/layer.js"></script>
<script src="./js/aos.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js"></script>
<script>
$(function() {
ajax('/news/lists', {
is_count: 1,
page: 1,
pageSize: 4
}, function(data) {
var _html = ''
$.each(data.lists, function (i, v) {
_html += `<a href="detail.html?id=${v.id}" class="news-info">
<div class="news-head">
<p>${v.title}</p>
<span>
<img src="./images/time.svg" height="12" alt="">
${v.sys_create_time.split(' ')[0]}
</span>
</div>
<p class="news-desc">${v.content}</p>
</a>`
});
$('#newsList').html(_html)
})
})
$('.box-info-item').hover(function() {
var _type = $(this).data('icon')
$(this).find('img').attr('src', './images/' + _type + '-1-1.svg')
}, function() {
var _type = $(this).data('icon')
$(this).find('img').attr('src', './images/' + _type + '.svg')
})
function openHtml(url) {
window.open(url, '_self')
}
</script>
</body>
</html>