<!DOCTYPE html>
<html lang="zh-CN">
<head>
<script type="text/javascript">var ctx = '', ctxStatic='/static';</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit"/>
<link rel="shortcut icon" href="/static/logo.png">
<link rel="shortcut icon" href="" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Keywords" content="">
<meta name="description" content="">
<script src="/static/js/jquery-1.12.4.min.js"></script>
<link href="/static/css/now-global.css" rel="stylesheet">
<script src="/static/js/layer/layer.js"></script>
<link href="/static/js/layer/skin/default/layer.css" rel="stylesheet">
<link rel="stylesheet" href="/static/css/now-index.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="/static/css/IE.css">
<script src="/static/js/html5.js"></script>
<![endif]-->
<title>YaYa医师,让医学培训更高效更有效!| 敬信科技</title>
<meta name="keywords" content="YaYa医师/医生教育/医生学习">
<meta name="description" content="YaYa医师专注医学教育领域全场景服务,为医疗单位提供高效有效的线上培训解决方案。目前100+医疗机构,70万医务人员都在使用。">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件(一般不用引入) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css"
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="/static/js/swiper/swiper.min.css">
<link rel="stylesheet" href="/static/css/main-20191009_2131.css">
<script src="/static/js/swiper/swiper.jquery.min.js"></script>
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<script type="text/javascript">
window.TSA = {};
TSA.timepot = TSA.timepot || {};
TSA.timepot.headStart = +new Date;
</script>
</head>
<body>
<div class="div1">
<a href="">
<div class="logo"></div>
</a>
<div class="nav-bar-container">
<ul class="nav-bar">
<li class="nav-bar-item"><a href="/app" style="color: #607BA3">YaYa医师</a></li>
<li class="nav-bar-item"><a href="https://www.cspmeeting.com" style="color: #607BA3">会讲</a></li>
<li class="nav-bar-item"><a href="https://www.medyaya.cn/yayajiankang" style="color: #607BA3">YaYa健康</a>
</li>
<li class="nav-bar-item"><a href="/online/meeting" style="color: #607BA3">线上会议系统</a></li>
</ul>
</div>
<div class="login"><a href="/login" style="text-decoration: none; color: #607BA3">单位登录</a></div>
<div class="more"></div>
<div class="more-div">
<div class="part1">
<ul>
<li><img src="/static/images/new/small-logo1.svg"><a href="/app"
style="text-decoration: none; color: #607BA3">YaYa医师</a>
</li>
<li><img src="/static/images/new/small-logo2.svg"><a href="https://www.cspmeeting.com"
style="text-decoration: none; color: #607BA3">会讲</a>
</li>
<li><img src="/static/images/new/small-logo3.svg"><a href="https://www.medyaya.cn/yayajiankang"
style="text-decoration: none; color: #607BA3">YaYa健康</a>
</li>
<li><img src="/static/images/new/small-logo4.svg"><a href="/online/meeting"
style="text-decoration: none; color: #607BA3">线上会议系统</a>
</li>
</ul>
</div>
<div class="part2">
<div class="login"></div>
<div style="background: url(/static/images/new/Rectangle-2.png) no-repeat center; background-size: 100% 100%; text-align: center; padding: 0 15px">
<a href="/login" style="text-decoration: none; color: #607BA3">单位登录</a></div>
</div>
</div>
</div>
<div class="pc-div2">
<div class="pc-div2-content">
<div class="pc-div2-content-1"></div>
<div class="pc-div2-content-2"><a href="/appoint"
style="color: #FFFFFF; text-decoration: none;">预约方案顾问</a></div>
</div>
</div>
<div class="wrapper">
<script type="text/javascript" src="//pingjs.qq.com/h5/hotclick.js?v2.0" name="mtah5hotclick" sid="500566413"
hid="5bcd9fca0f48a"></script>
<div class="wrapper">
<div class="new-index">
<!-- 首页板块 -->
<div class="index-block">
<div class="index-radius">
<div class="radius-pr">
<div class="radius-block"></div>
</div>
</div>
<!-- pc展示详情 -->
<div class="pc-part">
<div class="index-part">
<div class="part-body">
<div class="part-content">
<div class="part-tag">专注</div>
<div class="part-title">8年市场验证<br/>专注服务医学培训行业</div>
<div class="part-content" style="color: #607BA3; font-size: 20px;">
<ul>
<li><span class="right-tip"></span> 医院内部培训、管理</li>
<li><span class="right-tip"></span> 专科学会学术会议</li>
<li><span class="right-tip"></span> 政府各类医技人员培训班</li>
<li><span class="right-tip"></span> 规范化培训、全科医生培训等</li>
</ul>
</div>
</div>
<div class="part-img part-img-1">
<img src="/static/images/new/p1.svg" alt="">
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-img part-img-2">
<img src="/static/images/new/p2.svg" alt="">
</div>
<div class="part-content">
<div class="part-tag">全面</div>
<div class="part-title">一站式功能设计<br>满足医学培训管理全场景</div>
<div class="part-content" style="color: #607BA3; font-size: 20px;">
课件制作、培训、考试、比赛、讨论、调研问卷、<br/>
用户管理、数据分析……全方位、全流程,充分<br/>
服务医学培训
</div>
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-img part-img-3">
<img src="/static/images/new/p3.svg" alt="">
</div>
<div class="part-content">
<div class="part-tag">有效</div>
<div class="part-title">完整的数据分析后台<br/>培训效果真实可见</div>
<div class="part-content" style="color: #607BA3; font-size: 20px; width: unset">
学习人数属性分布、学习时长统计、考试成绩分析、考卷分析、<br/>
课件内容关注度、培训热度曲线....<br/>
多维度统计的独立数据后台,培训效果实实在在看得见
</div>
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-img part-img-4">
<img src="/static/images/new/p4.svg" alt="">
</div>
<div class="part-content">
<div class="part-tag">创新</div>
<div class="part-title">不是视频<br/>
是有声音的PPT<br/>
最适合学习的课程形态
</div>
<div class="part-content" style="color: #607BA3; font-size: 20px;">
来自行业的需求,独家专利技术转化<br/>
创新性使用讲者声音加PPT课件的课程形态,让学习<br/>
聚焦在最重要的部分,课程制作简单,医生学习高效
</div>
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-img part-img-5">
<img src="/static/images/new/p5.svg" alt="">
</div>
<div class="part-content">
<div class="part-tag">领先</div>
<div class="part-title">全球领先的Saas模式<br/>
单位拥有独立培训平台的最佳选择
</div>
<div class="part-content" style="color: #607BA3; font-size: 20px; width: unset">
真正给企业的Saas模式,无需技术代工开发、无需专人维护,开通<br/>YaYa医师账号=拥有独立培训平台,成本低、效果好、数据更安全
</div>
</div>
</div>
</div>
</div>
<!-- 移动展示详情 -->
<div class="m-part">
<div class="index-part">
<div class="part-body">
<div class="part-content">
<div class="part-tag">专注</div>
<div class="part-title">8年市场验证<br/>专注服务医学培训行业</div>
<div class="part-content">
<ul>
<li><span class="right-tip"></span> 医院内部培训、管理</li>
<li><span class="right-tip"></span> 专科学会学术会议</li>
<li><span class="right-tip"></span> 政府各类医技人员培训班</li>
<li><span class="right-tip"></span> 规范化培训、全科医生培训等</li>
</ul>
</div>
</div>
<div class="part-img">
<img src="/static/images/new/p1.svg" alt="" style="height: 188px; width: 230px;">
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-content">
<div class="part-tag">全面</div>
<div class="part-title">一站式功能设计<br>满足医学培训管理全场景</div>
<div class="part-content">
课件制作、培训、考试、比赛、讨论、调研问卷、用户管理、<br/>
数据分析……全方位、全流程,充分服务医学培训
</div>
</div>
<div class="part-img">
<img src="/static/images/new/p2.svg" alt="" style="height: 232px; width: 222px;">
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-content">
<div class="part-tag">有效</div>
<div class="part-title">完整的数据分析后台<br/>培训效果真实可见</div>
<div class="part-content">
学习人数属性分布、学习时长统计、考试成绩分析、考卷分析、<br/>
课件内容关注度、培训热度曲线....<br/>
多维度统计的独立数据后台,培训效果实实在在看得见
</div>
</div>
<div class="part-img">
<img src="/static/images/new/p3.svg" alt="" style="height: 204px; width: 204px;">
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-content">
<div class="part-tag">创新</div>
<div class="part-title">不是视频<br/>
是有声音的PPT<br/>
最适合学习的课程形态
</div>
<div class="part-content">
来自行业的需求,独家专利技术转化<br/>
创新性使用讲者声音加PPT课件的课程形态,让学习聚焦在<br/>
最重要的部分,课程制作简单,医生学习高效
</div>
</div>
<div class="part-img">
<img src="/static/images/new/p4.svg" alt="" style="height: 196px; width: 182px;">
</div>
</div>
</div>
<div class="index-part">
<div class="part-body">
<div class="part-content">
<div class="part-tag">领先</div>
<div class="part-title">全球领先的Saas模式<br/>
单位拥有独立培训平台的最佳选择
</div>
<div class="part-content">
真正给企业的Saas模式,无需技术代工开发、无需专人维护,<br/>开通YaYa医师账号=拥有独立培训平台,成本低、效果好、<br/>数据更安全
</div>
</div>
<div class="part-img">
<img src="/static/images/new/p5.svg" alt="" style="height: 171px; width: 152px;">
</div>
</div>
</div>
</div>
<!-- pc案例swiper板块 -->
<div class="pcswiper-part">
<!-- swiper弧度 -->
<div class="swiper-radius">
<div class="radius-pr">
<div class="radius-block"></div>
</div>
</div>
<div class="swiper-body">
<p class="case-tolTittle">经典案例</p>
<div class="case-tolContent">线上医学培训的真正价值</div>
<div class="swiper-container" style="width: 998px; height: 476px; border-radius: 15px;
-moz-box-shadow: 20px 20px 20px rgba(206, 226, 247, .3); box-shadow: 20px 20px 20px rgba(206, 226, 247, .3);">
<div class="swiper-wrapper">
<img class="swiper-slide" src="/static/images/new/swiper444.svg"/>
<img class="swiper-slide" src="/static/images/new/swiper333.svg"/>
<img class="swiper-slide" src="/static/images/new/swiper111.svg"/>
<img class="swiper-slide" src="/static/images/new/swiper222.svg"/>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="mswiper-part">
<div class="swiper-radius">
<div class="radius-pr">
<div class="radius-block"></div>
</div>
</div>
<div class="swiper-body">
<p class="case-tolTittle">经典案例</p>
<div class="case-tolContent">线上医学培训的真正价值</div>
<div class="mswiper-container" style="width: 310px; height: 391px; border-radius: 15px;
-moz-box-shadow: 20px 20px 20px rgba(206, 226, 247, .3); box-shadow: 20px 20px 20px rgba(206, 226, 247, .3);">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-slide-margin"
style="background: url(/static/images/new/swiper4444.svg) no-repeat center; border-radius: 15px; background-size: 100% 100%; width: 310px; height: 391px; -moz-box-shadow: 20px 20px 20px rgba(206, 226, 247, .3); box-shadow: 20px 20px 20px rgba(206, 226, 247, .3);"></div>
<div class="swiper-slide swiper-slide-margin"
style="background: url(/static/images/new/swiper3333.svg) no-repeat center; border-radius: 15px; background-size: 100% 100%; width: 310px; height: 391px; -moz-box-shadow: 20px 20px 20px rgba(206, 226, 247, .3); box-shadow: 20px 20px 20px rgba(206, 226, 247, .3);"></div>
<div class="swiper-slide swiper-slide-margin"
style="background: url(/static/images/new/swiper1111.svg) no-repeat center; border-radius: 15px; background-size: 100% 100%; width: 310px; height: 391px; -moz-box-shadow: 20px 20px 20px rgba(206, 226, 247, .3); box-shadow: 20px 20px 20px rgba(206, 226, 247, .3);"></div>
<div class="swiper-slide swiper-slide-margin"
style="background: url(/static/images/new/swiper2222.svg) no-repeat center; border-radius: 15px; background-size: 100% 100%; width: 310px; height: 391px; -moz-box-shadow: 20px 20px 20px rgba(206, 226, 247, .3); box-shadow: 20px 20px 20px rgba(206, 226, 247, .3);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="new-reservation new-reservation_400 new-swiper">
<div class="reservation-radius">
<div class="radius-pr">
<div class="radius-block new-swiper-radius-block"></div>
</div>
</div>
<div class="new-swiper-main">
公司资质
<div class="new-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div style="background: url(/static/images/new/license1.png) no-repeat center; width: 341px; height: 250px; background-size: 341px 250px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license2.png) no-repeat center; width: 341px; height: 250px; background-size: 341px 250px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license3.png) no-repeat center; width: 341px; height: 250px; background-size: 341px 250px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license4.png) no-repeat center; width: 341px; height: 250px; background-size: 341px 250px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license5.png) no-repeat center; width: 341px; height: 250px; background-size: 341px 250px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license6.png) no-repeat center; width: 341px; height: 250px; background-size: 341px 250px;"></div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="m-new-swiper-container-wrapper">
<div class="m-new-swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div style="background: url(/static/images/new/license1.png) no-repeat center; width: 246px; height: 179px; background-size: 246px 179px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license2.png) no-repeat center; width: 246px; height: 179px; background-size: 246px 179px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license3.png) no-repeat center; width: 246px; height: 179px; background-size: 246px 179px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license4.png) no-repeat center; width: 246px; height: 179px; background-size: 246px 179px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license5.png) no-repeat center; width: 246px; height: 179px; background-size: 246px 179px;"></div>
</div>
<div class="swiper-slide">
<div style="background: url(/static/images/new/license6.png) no-repeat center; width: 246px; height: 179px; background-size: 246px 179px;"></div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
<div class="new-reservation new-reservation_400">
<div class="reservation-radius">
<div class="radius-pr">
<div class="radius-block"></div>
</div>
</div>
<div class="reservation-part">
<div class="reservation-part-img"></div>
<div class="reservation-part-form">
<span class="reservation-part-form-title-1">留下您的联系方式</span>
<span class="reservation-part-form-title-2">我们会尽快与您联系</span>
<div class="reservation-part-form-input">
<form action="/appoint" method="post" name="appointForm" id="appointFrom">
<ul>
<li>
<input type="text" id="corporation_name" placeholder="您的单位" name="company">
</li>
<li>
<input type="text" id="contact_person"
placeholder="姓名" name="linkman"/>
</li>
<li>
<input type="text" id="contact_person_mobile" placeholder="联系方式" name="mobile"/>
</li>
<li style="display: none">
<input type="text" id="contact_person_contact" placeholder="联系方式" name="contact"/>
</li>
</ul>
</form>
</div>
<div class="reservation-part-form-button" onclick="handleClick()">
预约方案顾问
</div>
</div>
</div>
<div id="success-tip-container">
<div id="success-tip">
<img src="/static/images/new/right.svg" style="height: 25px; width: 25px; margin-bottom: 3px"/>
我们会尽快与您联系
</div>
</div>
</div>
</div>
<div class="new-footer">
<div class="container">
<div class="footer-bd">
<div class="row">
<div class="col-2" id="footer-col-1">
<div class="mp">
<div class="mp-title" style="color: #88A4DC">了解我们</div>
<ul class="fnav-list">
<li><a href="https://www.medcn.com/about" target="_blank">关于我们</a></li>
<li><a href="https://www.medyaya.cn/faq" target="_blank">常见问题</a></li>
<li><a href="https://www.medyaya.cn/term" target="_blank">服务条款</a></li>
</ul>
</div>
</div>
<div class="col-2" id="footer-col-2">
<div class="mp">
<div class="mp-title" style="color: #88A4DC">相关链接</div>
<ul class="fnav-list">
<li><a href="https://www.medyaya.cn/yayajiankang" target="_blank">YaYa健康</a></li>
<li><a href="https://www.cspmeeting.com" target="_blank">会讲</a></li>
</ul>
</div>
</div>
<div id="footer-right">
<div class="col-2">
<div class="mp fr" id="right-1">
<div class="mp-qrcode">
<img src="/static/images/new/yaya-wx-qrcode.png"/>
</div>
<div class="mp-title" id="mp-title-1">关注微信公众号</div>
</div>
</div>
<div class="col-2">
<div class="mp fr">
<div class="mp-qrcode">
<img src="/static/images/new/yaya-qrcode.png"/>
</div>
<div class="mp-title" id="mp-title-2">下载APP</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-ft">
<div class="footer-copyright">
<p>Copyright © 2012-2019 YaYa医师 <a target="_blank" href="https://beian.miit.gov.cn/">粤ICP备12087993号</a> 敬信科技版权所有</p>
<p> <a href="https://file.medyaya.cn/jingxin/service_certificate.pdf" target="_blank">互联网药品信息服务资格证书(粤)-经营性-2017-0173</a></p>
<p><img src="/static/images/gongan.png"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602003209">粤公网安备 44010602003209号</a> </p>
</div>
</div>
</div>
<div class="m-container">
<div class="m-part1">
<div class="m-part1-title">
<div class="m-part1-title1">了解更多</div>
<div class="m-part1-icon" id="m-part1-icon1"></div>
</div>
<div id="m-part1-more1">
<div class="m-part1-more">
<span><a href="https://www.medcn.com/about">关于我们</a></span>
<span><a href="https://www.medyaya.cn/faq">常见问题</a></span>
<span><a href="https://www.medyaya.cn/term">服务条款</a></span>
</div>
</div>
</div>
<div class="m-part1">
<div class="m-part1-title">
<div class="m-part1-title1">相关链接</div>
<div class="m-part1-icon" id="m-part1-icon2"></div>
</div>
<div id="m-part1-more2">
<div class="m-part1-more">
<span><a href="https://www.medyaya.cn/yayajiankang">YaYa健康</a></span>
<span><a href="https://www.cspmeeting.com">会讲</a></span>
</div>
</div>
</div>
<div style="display: flex; justify-content: space-between; padding: 0 60px; position: relative; height: 200px;">
<div class="m-bqrcode">
<img src="/static/images/new/yaya-wx-qrcode.png"/>
<p>关注微信公众号</p>
</div>
<div class="m-bqrcode">
<img src="/static/images/new/yaya-qrcode.png"/>
<p>下载APP</p>
</div>
</div>
<div class="m-bottom">
<p>Copyright © 2012-2019 YaYa医师  <a href="https://beian.miit.gov.cn/">粤ICP备12087993号</a> 敬信科技版权所有</p>
<p> <a href="https://file.medyaya.cn/jingxin/service_certificate.pdf" target="_blank">互联网药品信息服务资格证书(粤)-经营性-2017-0173</a></p>
<p><img src="/static/images/gongan.png"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010602003209" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">粤公网安备 44010602003209号</a> </p>
</div>
</div>
</div>
</div>
<!-- Initialize Swiper -->
<script>
$(document).ready(function () {
$('.more').click(function () {
if ($('.more-div').css('display') == 'block') {
$('.more-div').fadeOut();
$('.more').css('background', 'url(/static/images/new/more.svg) no-repeat center');
} else {
$('.more-div').fadeIn();
$('.more').css('background', 'url(/static/images/new/more-close.svg) no-repeat center');
}
});
$('#m-part1-icon1').click(function () {
console.log($('#m-part1-more1').css('display'));
if ($('#m-part1-more1').css('display') == 'block') {
$('#m-part1-more1').fadeOut();
$('#m-part1-icon1').css('background', 'url(/static/images/new/footer-right.svg) no-repeat center');
} else {
$('#m-part1-more1').fadeIn();
$('#m-part1-icon1').css('background', 'url(/static/images/new/footer-close.svg) no-repeat center');
}
});
$('#m-part1-icon2').click(function () {
console.log($('#m-part1-more2').css('display'));
if ($('#m-part1-more2').css('display') == 'block') {
$('#m-part1-more2').fadeOut();
$('#m-part1-icon2').css('background', 'url(/static/images/new/footer-right.svg) no-repeat center');
} else {
$('#m-part1-more2').fadeIn();
$('#m-part1-icon2').css('background', 'url(/static/images/new/footer-close.svg) no-repeat center');
}
});
});
window.onresize = function () {
//scroll宽度17
if (document.body.offsetWidth > (1024 - 17)) {
$('.more-div').css('display', 'none');
}
}
function getScrollTop() {
var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;
if (document.body) {
bodyScrollTop = document.body.scrollTop;
}
if (document.documentElement) {
documentScrollTop = document.documentElement.scrollTop;
}
scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
return scrollTop;
}
//文档的总高度
function getScrollHeight() {
var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
if (document.body) {
bodyScrollHeight = document.body.scrollHeight;
}
if (document.documentElement) {
documentScrollHeight = document.documentElement.scrollHeight;
}
scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
return scrollHeight;
}
function getWindowHeight() {
var windowHeight = 0;
if (document.compatMode == "CSS1Compat") {
windowHeight = document.documentElement.clientHeight;
} else {
windowHeight = document.body.clientHeight;
}
return windowHeight;
}
window.onscroll = function () {
if (getScrollTop() == 0) {
$('.div1').css('box-shadow', '')
} else {
$('.div1').css('box-shadow', '0px 3px 11px 0px rgba(220,220,220,0.5)');
}
};
var mySwiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationType: 'custom',
paginationClickable: true,
paginationCustomRender: function (swiper, current, total) {
var paginationHtml = " ";
for (var i = 0; i < total; i++) {
// 判断是不是激活焦点,是的话添加active类,不是就只添加基本样式类
if (i === (current - 1)) {
paginationHtml += '<span class="swiper-pagination-customs swiper-pagination-customs-active"></span>';
} else {
paginationHtml += '<span class="swiper-pagination-customs"></span>';
}
}
return paginationHtml;
},
autoplay: 3000
})
var newMySwiper = new Swiper('.new-swiper-container', {
slidesPerView: 3,
autoplay: 3000,
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next'
})
var mNewMySwiper = new Swiper('.m-new-swiper-container', {
slidesPerView: 1,
autoplay: 3000,
prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next'
})
var mySwiper = new Swiper('.mswiper-container', {
pagination: '.mswiper-pagination',
paginationType: 'custom',
paginationClickable: true,
slidesPerView: 1,
spaceBetween : 20,
paginationCustomRender: function (swiper, current, total) {
var paginationHtml = " ";
for (var i = 0; i < total; i++) {
// 判断是不是激活焦点,是的话添加active类,不是就只添加基本样式类
if (i === (current - 1)) {
paginationHtml += '<span class="swiper-pagination-customs swiper-pagination-customs-active"></span>';
} else {
paginationHtml += '<span class="swiper-pagination-customs"></span>';
}
}
return paginationHtml;
},
autoplay: 3000
})
function handleClick() {
var name = document.getElementById("corporation_name");
var person = document.getElementById("contact_person");
var mobile = document.getElementById("contact_person_mobile");
var tip = document.getElementById("success-tip-container");
if (name.value == null || name.value === '') {
name.style.border = '1px solid #EE6363';
return;
} else {
name.style.border = '';
}
if (person.value == null || person.value === '') {
person.style.border = '1px solid #EE6363';
return;
} else {
person.style.border = '';
}
if (mobile.value == null || mobile.value === '') {
mobile.style.border = '1px solid #EE6363';
return;
} else {
mobile.style.border = '';
}
if (name.value.length > 0 && person.value.length > 0 && mobile.value.length > 0) {
name.style.border = '';
person.style.border = '';
mobile.style.border = '';
console.log($("#appointFrom"));
$("#appointFrom").submit();
// tip.style.display = 'block';
// setTimeout(function () {
// tip.style.display = 'none';
// }, 3000);
}
}
</script>
<!-- WPA end -->
<script type="text/javascript">
$(function () {
var clickWPA = function (buttonId, wpaIframeId) {
$(buttonId).on('click', function () {
var $iframe = $(wpaIframeId),
$iframeWin = $iframe[0].contentWindow,
$doc = $($iframeWin.document);
$doc.find('[data-event]')[0].click();
});
};
clickWPA('#wpa_qq', '#qidian_wpa_2852062940_35');
/* clickWPA('#wpa_adn', '#qidian_wpa_2852062940_36');
clickWPA('#wpa_wx', '#qidian_wpa_2852062940_37');*/
});
</script>
</body>
</html>