首页-珠海健康云科技有限公司

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>首页-珠海健康云科技有限公司</title> <meta name="description" content="珠海健康云科技有限公司"/> <meta name="keywords" content="珠海健康云科技有限公司"/> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <link rel="stylesheet" href="css/index.css" /> <link rel="stylesheet" href="css/swiper.min.css"> <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <script src="js/swiper.min.js"></script> </head> <body> <div class="home_page">  <div class="top_public"> <div class="cont clears"> <img class="logo" src="images/home/logo.png"> <div class="about clears"> <div class="item active"> <a class="item_a" href="index.html">关于我们<i class="line"></i></a> <div class="float_nav float_nav_h"> <a href="javascript:;">公司简介</a> <a href="javascript:;">企业使命</a> <a href="javascript:;">发展历程</a> <a href="javascript:;">薪酬福利</a> </div> </div> <div class="item"> <a class="item_a" href="culture.html">企业文化<i class="line"></i></a> <div class="float_nav"> <a href="culture.html">办公环境</a> <a href="culture.html">娱乐休闲</a> <a href="culture.html">旅游</a> <a href="culture.html">活动/年会</a> <a href="culture.html">社会责任</a> </div> </div> <div class="item"><a class="item_a" href="business.html">产品与业务<i class="line"></i></a></div> <div class="item"><a class="item_a" href="partners.html">合作伙伴<i class="line"></i></a></div> <div class="item"><a class="item_a" href="contact.html">联系我们<i class="line"></i></a></div> </div> </div> <div class="float_nav_bg"></div> </div>  <div class="top_public_m"> <img src="images/home/logo.png"><div class="menu_btn"><i></i></div> </div> <div class="left_menu_m"> <div class="bg"></div> <div class="list"> <a href="index.html" class="active">关于我们</a> <a href="culture.html">企业文化</a> <a href="business.html">产品与业务</a> <a href="partners.html">合作伙伴</a> <a href="contact.html">联系我们</a> </div> </div>  <div class="banner"><img src="images/home/banner.jpg"></div> <div class="nav_pos"></div> <div class="nav" > <div class="cont clears"> <a class="cur" href="javascript:;">公司简介</a> <a href="javascript:;">企业使命</a> <a href="javascript:;">发展历程</a> <a href="javascript:;">薪酬福利</a> </div> </div> <div class="intro" id="pos_1"> <b class="title">公司简介</b> <div class="detail clears"> <div class="left"> <p>珠海健康云科技有限公司成立于2002年，历经十八年的行业淬炼，塑造了优质的品牌形象与行业地位，建立了较为完善的互联网医疗健康产业服务链。</p> <p>公司拥有深厚的互联网医疗技术、产品、人才和市场积淀，当前已重点打造以“互联网+医院、互联网+健身、互联网+健康科普、互联网+零售等多模式矩阵；有效构建了以“医疗健康、健身休闲、生活学习”为一体的综合性服务体系。</p> </div> <div class="right"> <img class="cover" src="images/home/video_cover.jpg"> <video controls="controls" id="video"> <source src="http://v.120askimages.com/ask/video/fx120-jky.mp4" type="video/mp4"> </video> <span class="mask"></span> <i class="play"></i> </div> </div> </div> <div class="mission" id="pos_2"><b>企业使命</b><i></i><span>帮助天下人都拥有自己的私人医生</span></div> <div class="progress" id="pos_3"> <div class="step"> <b class="title">发展历程</b> <div class="step_line"> <div class="dot clears"> <span class="cur"><var>2019</var><i></i></span> <span><var>2017</var><i></i></span> <span><var>2013</var><i></i></span> <span><var>2011</var><i></i></span> <span><var>2009</var><i></i></span> <span><var>2005</var><i></i></span> <span><var>2002</var><i></i></span> </div> <div class="line"></div> </div> </div> <div class="progress_des"> <div class="des_list"> <div class="des_item"> <b>2019</b> <span>健康云互联网医院落成；致力打造国内互联网医院新标杆。</span> </div> <div class="des_item"> <b>2017</b> <span>智能医生；采用人工智能识别技术将用户的健康问题进行分级分层处理。</span> </div> <div class="des_item"> <b>2013</b> <span>私人医生；以健康咨询一对一服务为切入点，上线即获好评。</span> </div> <div class="des_item"> <b>2011</b> <span>快速问医生APP问世，同年下载量突破1300万。</span> </div> <div class="des_item"> <b>2009</b> <span>并购国内最具人气医生社区“爱爱医网”。</span> </div> <div class="des_item"> <b>2005</b> <span>有问必答网上线，是国内第一家健康咨询平台。</span> </div> <div class="des_item"> <b>2002</b> <span>公司创立。</span> </div> </div> </div> <div class="swiper-container progress_des_m"> <div class="swiper-wrapper des_list"> <div class="des_item swiper-slide"> <b><i>2019</i></b> <span>健康云互联网医院落成；<br>致力打造国内互联网医院新标杆。</span> </div> <div class="des_item swiper-slide"> <b><i>2017</i></b> <span>智能医生：采用人工智能识别技术将用户的健康问题进行分级分层处理。</span> </div> <div class="des_item swiper-slide"> <b><i>2013</i></b> <span>私人医生：以健康咨询一对一服务为切入点，上线即获好评。</span> </div> <div class="des_item swiper-slide"> <b><i>2011</i></b> <span>快速问医生APP问世，同年下载量突破1300万。</span> </div> <div class="des_item swiper-slide"> <b><i>2009</i></b> <span>并购国内最具人气医生社区“爱爱医网”。</span> </div> <div class="des_item swiper-slide"> <b><i>2005</i></b> <span>有问必答网上线，是国内第一家健康咨询平台。</span> </div> <div class="des_item swiper-slide"> <b><i>2002</i></b> <span>公司创立。</span> </div> </div> </div> </div> <div class="welfare"id="pos_4"> <b class="title">薪酬福利</b> <img class="welfare_01" src="images/home/welfare_01.jpg"> <div> <span>旅游</span> <span>体检</span> <span>婚假</span> <span>产假</span> <span>年假</span> </div> <img class="welfare_02" src="images/home/welfare_02.jpg"> </div> <div class="company"> <div class="cont"> <div class="link"> <a href="index.html">关于我们</a> <i>|</i> <a href="culture.html">企业文化</a> <i>|</i> <a href="business.html">产品与业务</a> <i>|</i> <a href="partners.html">合作伙伴</a> <i>|</i> <a href="contact.html">联系我们</a> </div> <div class="des"> 版权所有：珠海健康云科技有限公司 ┊ <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备13009187号</a><br>|| 快速问医生，让天下人都拥有自己的私人医生 || </div> </div> </div> </div> </body> <script type="text/javascript"> //M端 $(function() { let mySwiper = new Swiper ('.swiper-container', { loop: false, // 循环模式选项 autoplay:false, on:{ transitionEnd: function(){ $(".step_line .dot span").eq(this.activeIndex).addClass("cur").siblings().removeClass("cur") }, }, }) $(".step_line .dot span").each(function(index) { $(this).click(function() { $(this).addClass('cur').siblings().removeClass("cur") mySwiper.slideTo($(this).index(), 500) }) }) $(window).resize(function() { var iWidth = parseInt($(window).width()) if(iWidth<1200){ $(".top_public .cont").width(iWidth) $(".top_public .cont .about .item").css({ 'margin-left':parseInt(iWidth/1200 * 35), 'margin-right':parseInt(iWidth/1200 * 20), }) }else{ $(".top_public .cont").width(1200) $(".top_public .cont .about .item").css('margin','0px 20px 0px 35px') } }) $(document).ready(function() { var iWidth = parseInt($(window).width()) if(iWidth>1200){ iWidth=1200 } $(".top_public .cont").width(iWidth) $(".top_public .cont .about .item").css({ 'margin-left':parseInt(iWidth/1200 * 35), 'margin-right':parseInt(iWidth/1200 * 20), }) }) $(".left_menu_m .bg").click(function() { $(this).fadeOut(300) $(".top_public_m .menu_btn").removeClass("close") $(".left_menu_m").animate({left:'-100%'},300) }) $(".top_public_m .menu_btn").click(function() { if($(this).hasClass("close")){ $(this).removeClass("close") $(".left_menu_m .bg").fadeOut(300) $(".left_menu_m").stop().animate({left:'-100%'},300) }else{ $(this).addClass("close") $(".left_menu_m .bg").fadeIn(300) $(".left_menu_m").stop().animate({left:'0%'},300) } }) }) </script> <script type="text/javascript"> $(function() { $(".top_public .about .item").each(function(index) { $(this).hover(function() { $(this).addClass("active").siblings().removeClass("active"); if(index == 0 || index == 1){ $(".float_nav_bg").addClass("active") $(this).find('.float_nav').css("display","block") } },function() { $(".top_public .about .item").eq(0).addClass("active") if(index == 0 || index == 1){ $(".float_nav_bg").removeClass("active") $(this).find('.float_nav').css("display","none") }else{ $(this).removeClass("active"); } if(index == 0){ return true }else{ $(this).removeClass("active"); } }) }) $(".float_nav_h a").each(function(index) { $(this).click(function() { $(".nav a").eq(index).addClass('cur').siblings().removeClass('cur') let offsettop = $("#pos_"+(index+1)).offset().top if(index == 0){ $("body,html").animate({scrollTop:offsettop},100) }else{ $("body,html").animate({scrollTop:offsettop-72},100) } }) }) $(".nav a").each(function(index) { $(this).click(function() { $(this).addClass("cur").siblings().removeClass('cur') let offsettop = $("#pos_"+(index+1)).offset().top if(index == 0){ $("body,html").animate({scrollTop:offsettop},100) }else{ $("body,html").animate({scrollTop:offsettop-72},100) } }) }) let nav_pos_1 = $(".nav").offset().top let nav_pos_2 = $("#pos_2").offset().top let nav_pos_3 = $("#pos_3").offset().top $(window).scroll(function() { let offsettop = $(window).scrollTop() if(offsettop >= nav_pos_1-75){ $(".nav a").eq(0).addClass('cur').siblings().removeClass('cur') $(".nav_pos").addClass("float") $(".nav").addClass("fixed") }else{ $(".nav_pos").removeClass("float") $(".nav").removeClass("fixed") } if(offsettop >= nav_pos_2-75 && offsettop < nav_pos_3-75){ $(".nav a").eq(1).addClass('cur').siblings().removeClass('cur') } if(offsettop >= nav_pos_3-75){ $(".nav a").eq(2).addClass('cur').siblings().removeClass('cur') } if(offsettop >= nav_pos_3+75){ $(".nav a").eq(3).addClass('cur').siblings().removeClass('cur') } }) // 视频播放 var video = document.getElementById("video"); function playVid(){ video.play(); } $(".intro .detail .play").click(function() { playVid() $(".cover,.mask").css("display",'none') $(this).css("display",'none') }) }) // 拖拽 $(function() { document.body.addEventListener('touchstart', function(){ }); // 禁用or启用背景滑动 isDiff默认为flase是可以滑动，为true是不可以滑动。 var isDiff = false; var overscroll = function(el){ el.addEventListener('touchstart', function(){ var top = el.scrollTop; var totalScroll = el.scrollHeight; var currentScroll = top + el.offsetHeight; if(top === 0) { el.scrollTop = 1; }else if(currentScroll === totalScroll){ el.scrollTop = top - 1; } }); el.addEventListener('touchmove', function(evt){ if(el.offsetHeight < el.scrollHeight){ evt._isScroller = true; } }); } document.body.addEventListener('touchmove', function(evt) { if(isDiff && !evt._isScroller){ evt.preventDefault(); } }, {passive: false}); function a(x) { let index = Math.abs(Math.ceil(x / 330)) $(".step_line .dot span").eq(index).addClass('cur').siblings().removeClass("cur") } $('.progress_des .des_list').mousedown(function(e) { var positionDiv = $(this).offset(); var distenceX = e.pageX; var startX = $('.progress_des .des_list')[0].style.left.split('px')[0]*1; // a() // console.log(distenceX) $(document).mousemove(function(e) { var x = startX+(e.pageX - distenceX); if(x>0){ x = 0; } if(x<-( ($('.des_item').width()+$('.des_item').css('margin-right').split('p')[0]*1) * ($('.des_item').length - 1) ) ){ x = -( ($('.des_item').width()+$('.des_item').css('margin-right').split('p')[0]*1) * ($('.des_item').length - 1 ) ); } $('.progress_des .des_list').css({ 'left': x + 'px' }); a(x); }); $(document).mouseup(function() { $(document).off('mousemove'); }); }); $(".step_line .dot span").each(function(index) { $(this).click(function() { $(this).addClass('cur').siblings().removeClass("cur") $('.progress_des .des_list').animate({'left':-330 * index},500) }) }) }) </script> </html>

CINXE.COM

首页-珠海健康云科技有限公司