<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>【职坐标】-IT就业培训基地,0基础入学高薪就业!海同网校-职坐标教育-职坐标培训-职坐标在线-上海海同优才教育培训有限责任公司</title>
    <script type="text/javascript" src="/tongji.js"></script>
    <script type="text/javascript" src="/kf53.js"></script>
    <meta name="keywords" content="IT教育,IT培训,职业教育,IT在线教育,职坐标,海同科技">
<meta name="description" content="【职坐标】是海同科技旗下的IT在线教育平台,汇聚了一大批国内外IT技术领域的强大力量,为您提供Java、Python、H5、嵌入式、Android、IOS、数据库等IT职业教育培训,推出了参加海同高端IT培训推荐就业的服务承诺。">

<style>
  html,body,ul,li,ol,dl,dd,dt,table,tbody,thead,tr,td,p,h1,h2,h3,h4,h5,h6,form,img,button,select,option,textarea {
    margin: 0;
    padding: 0;
  }
  button {
    border: none;
  }
  button:active, button:hover, bottom:focus {
    outline: none;
  }
  img {
    border: none;
    vertical-align: center;
  }
  address,code,th {
    font-style: normal;
    font-weight: normal;
  }
  body, html{background: #f2f2f2;font-family: "Source Han Sans SC", "黑体", "苹方", "Noto Sans CJK SC Medium", "WenQuanYi Micro Hei" , Arial, Helvetica, sans-serif;}
  a{text-decoration: none;}
  ul,li,dt,dd{list-style: none;}
  .h_top, .h_conter, .h_bottom ,.footer,.banner,.map{width: 100%;min-width: 1200px;font-family: "Source Han Sans SC", "黑体", "苹方", "Noto Sans CJK SC Medium", "WenQuanYi Micro Hei" , Arial, Helvetica, sans-serif;font-size: 12px;}
  .layout, .main{width: 1200px;margin: 0 auto;height: 100%;}
  @font-face {
    font-family:abg;
    src: url('https://iotekcdn.zhizuobiao.com/php/index/font/Akzidenz Grotesk-Light Extended.otf');
  }

  /*头部的上部*/
  .h_top{height: 30px;line-height: 30px;background: #f2f2f2;float: left;}
  .h_top .h_top_l{float: left;}
  .h_top .h_top_l li{color: #7c7c7c;padding-right: 12px;float: left;}
  .h_top .h_top_l li a{color: #7c7c7c;}
  .h_top .h_top_l li + li{padding-left: 20px;position: relative;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_01.png) no-repeat right 11px;}
  .h_top .h_top_l li p{position: absolute;left: 0;top: 30px;display: none;width: 240px;background: #fff;border: 1px #eee solid;z-index:4;} 
  .h_top .h_top_l li+li+li p{width: 160px;} 
  .h_top .h_top_l li p a{display: block;float: left;width: 65px;height: 30px;line-height: 30px;text-align: left;padding-left: 15px;} 
  .h_top .h_top_l li + li:hover{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_02.png) no-repeat right 11px;}
  .h_top .h_top_l li + li:hover > a{color: #000;}
  .h_top .h_top_l li + li:hover p{display: block;}
  .h_top .h_top_l li p a:hover{color: #000;}
  .h_top .h_top_r{float: right;}
  .h_top .h_top_r li{padding: 0 13px 0 10px;display: inline-block;color: #7c7c7c;overflow: hidden;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_s.png) no-repeat right 8px;}
  .h_top .h_top_r li a{color: #7c7c7c;padding: 7px 0;}
  .h_top .h_top_r li:hover a{color: #000;}
  .h_top .h_top_r li:first-child a{color: #e10030;}
  .h_top .h_top_r li:first-child a + a{color: #7c7c7c;}
  .h_top .h_top_r li:nth-child(1) a{color: #e10030;}
  .h_top .h_top_r li:nth-child(1) a + a{color: #7c7c7c;}
  .h_top .h_top_r .h_top_icon {background: none;padding-right:0px; overflow: visible;}
  .h_top .h_top_r .h_top_icon a{padding: 15px 15px;float: left;position: relative;}
  .h_top .h_top_r .h_top_icon a span{position: absolute;right:0;top:30px;width: 88px;z-index: 5;height: 105px;background:#fff;border: 1px #000 solid;display: none;}
  .h_top .h_top_r .h_top_icon a span img{width: 100%;overflow: hidden;line-height: 0;font-size: 0;}
  .h_top .h_top_r .h_top_icon a span em{display: block;text-align: center;font-style: normal;position: absolute;top: 80px;left: 8px;}
  .h_top .h_top_r li .h_top_app{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_i.png) no-repeat -22px -3px;}
  .h_top .h_top_r li .h_top_i{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_i.png) no-repeat -97px -3px;}
  .h_top .h_top_r li .h_top_q{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_i.png) no-repeat -173px -2px;}
  .h_top .h_top_r li .h_top_w{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_i.png) no-repeat -246px -2px;}
  .h_top .h_top_r .h_top_icon a:hover{background-position-y: -40px;}
  .h_top .h_top_r li a:hover span{display: block;}

  /*头部的中间*/
  .h_conter{height: 88px; float: left;background: #fff;}
  .h_conter .h_conter_l{float: left; line-height: 88px;}
  .h_conter .h_conter_l a{float: left;}
  .h_conter .h_conter_l img{padding: 26px 60px 26px 0;}
  .h_conter .h_conter_l span{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_x.png) no-repeat center left;cursor: pointer;position: relative;width: 100px;height: 20px;float: left;line-height: 20px;padding-left: 15px;top: 34px;}
  .h_conter .h_conter_l span div{position: absolute;width: 225px;height: 148px;border: 1px solid #e4e4e4;padding: 10px 0 0 15px;z-index: 3;background: #fff;display: none;}
  .h_conter .h_conter_l span div a{width: 45px;height: 20px;line-height: 20px;color: #999;}
  .h_conter .h_conter_l span:hover div{display: block;}
  .h_conter .h_conter_r{float: right; padding: 28px 0;}
  .h_conter .h_conter_r input{width: 259px;height: 30px;text-indent:10px;border:1px solid #e1e1e1;color: #ababab;line-height: 30px;float: left;outline:none;}
  .h_conter .h_conter_r span{display:inline-block;width: 32px;height: 32px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_ss.png);margin-right: 21px;}
  .h_conter .h_conter_r a{display:inline-block;width: 166px;height: 32px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_c.png) no-repeat center;padding: 0 5px;}


  /*头部的底部*/
  .h_bottom{background: #fff;border-top: 1px solid #e4e4e4;position: relative;font-size: 16px;float:left;}
  .h_bottom span{ position:absolute;width: 225px;top: -1px;height: 56px;line-height: 55px;background: #e10030 url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_sy.png) no-repeat 20px center;color: #fff;padding-left: 45px;}
  .h_bottom a{font-size: 14px;color: #000;width: 270px;height: 56px;line-height: 55px;text-align: center;overflow: hidden;display: inline-block;}
  .h_bottom a + a{width: 98px;}
  .h_bottom a:hover{color:#f00;}


  /*清除头部浮动*/
  .header:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
  .header{zoom: 1;}

  /*banner*/
  .banner{
    height: 434px;
    position: relative;
    background: #000;
  }
  .banner .banner_b{width: 100%;height: 100%;position: relative;left: 0;right: 0;}
  .banner .banner_b a{position: absolute;width: 100%;height: 100%;left: 0;right: 0;background-repeat: no-repeat;background-position: center;opacity: 1;display: block;}
  .banner .banner_b a + a{opacity: 0;display: none;}
  .banner .banner_b p{position: absolute;width:250px;height: 7px;margin: 0 auto;left: 0;right: 0;bottom: 40px;z-index: 3;}
  .banner .banner_b p span{float: left;width: 20px;height: 5px;border: 1px rgba(255, 255, 255, 0.5) solid;border-radius: 2.5px;margin: 0 4px;cursor: pointer;}
  .banner .banner_b p .active{background: #f00;border-color: #f00;}
  .banner ul{position: absolute;margin:0 auto;left: 0;right:0;width: 1200px;height: 434px;top: 0;}
  .banner ul li{width: 250px;height: 67px;color:#999; padding: 19px 0 0 20px;;background:rgba(0, 0, 0, 0.7);position: relative;z-index: 3;}
  .banner ul li + li{border-top: 1px solid rgba(255, 255, 255, 0.5);}
  .banner ul li div{margin-bottom: 8px;}
  .banner ul li div a{font-size:16px;color:#fff; margin-right: 8px;}
  .banner ul li p a{color:#999; padding-right: 5px;}
  .banner ul li p a + a{color:#999; background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_s.png) no-repeat left 2px; padding-left:8px;}
  .banner ul li a:hover{color:#f00;}

  /*内容*/
  .icon{width: 100%;height: 118px;background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_b.png) no-repeat center;}

  /*培训课程和公开课*/
  .course{width: 100%;height: 700px;background:url(https://iotekcdn.zhizuobiao.com/php/index/img/course.png) no-repeat center 45px;padding-top: 100px;}
  .course div{width: 1150px;height: 295px;padding: 25px;margin-bottom: 17px;background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/course_b01.png) no-repeat 24px 25px;}
  .course div + div{background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/course_b02.png) no-repeat 24px 25px; height: 280px;}
  .course div p{float: right; }
  .course div p span{display: inline-block; width: 16px;height: 16px;border: 1px solid #999;color: #999;border-radius:2px;line-height: 12px;text-align: center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .course div p span:hover{color: #f00;}
  .course div ul{padding-top: 22px;width: 1150px;height: 300px;overflow: hidden;}
  .course div ul li{width: 265px;height: 300px;position: relative;font-size: 12px;float: left;}
  .course div ul li + li{margin-left: 30px;}
  .course div ul li .course_b{display: block;width: 100%;height: 163px;background-size: 100%;background-position:center ;background-repeat: no-repeat;transition: all 0.5s;}
  .course div ul li:hover .course_b{background-size: 115%;}
  .course div ul li .course_t{position: absolute;width: 100%;top: 185px;color: #999;}
  .course div ul li .course_t h6{font-size: 14px;color: #000;font-weight: 100;margin-bottom: 3px;height: 40px;}
  .course div ul li .course_l{position: absolute;width: 70px;height: 30px;text-align: center;line-height: 30px;background: #000;color:#fff;top: 222px;right: 0;}
  .course div + div > p{background:url(https://iotekcdn.zhizuobiao.com/php/index/img/more.png) no-repeat center;width: 47px;height: 16px;cursor:pointer;}
  .course div ul li h5{position: absolute;width: 90%;top: 220px; color: #999;margin-left: 3%;font-weight: 100;}
  .course div .course_span span{padding-left:20px ;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_time.png) no-repeat left center;}
  .course div .course_span p a{color: #f00;}

  /*精品培训课程*/
  .train {width: 100%;height: 640px;background:url(https://iotekcdn.zhizuobiao.com/php/index/img/train.png) no-repeat center 45px;padding-top: 100px;}
  .train div{width: 1150px;background:#fff; padding: 25px 25px 0 25px;}
  .train div span{margin-right: 30px; font-size: 14px;color: #999;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .train div .active{font-size: 18px;color: #000;border-bottom: 3px #e10030 solid;}
  .train div p{background:url(https://iotekcdn.zhizuobiao.com/php/index/img/more.png) no-repeat center;width: 47px;height: 16px;float: right;cursor:pointer;}
  .train ul{width: 1150px;height: 531px;background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/train_b.png) no-repeat 24px 3px;padding: 25px 25px; display: none;}
  .train ul li{width: 265px;height: 270px;position: relative;font-size: 12px;float: left;margin-bottom: 20px;}
  .train ul li:first-child+li+li+li+li{margin-left: 0;}
  .train ul li:nth-child(5){margin-left: 0;}
  .train ul li + li{margin-left: 30px;}
  .train ul li .course_b{display: block;width: 100%;height: 163px;background-size: 100%;background-position:center ;background-repeat: no-repeat;transition: all 0.5s;}
  .train ul li:hover .course_b{background-size: 115%;}
  .train ul li .course_t{position: absolute;width: 100%;top: 185px;font-size: 14px;color: #000;}
  .train ul li .course_gl{position: absolute;width: 100%;top: 220px; color: #999;}
  .train ul li .course_gl p{float: right;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_time.png) no-repeat  0px center; padding-left: 15px;}
  .train ul li .course_gl span{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_people.png) no-repeat  0px center; padding-left: 15px;}
  .train .bigdata{display: block;}

  /*企业需求*/
  .enterprise {width: 100%;height: 360px;background:url(https://iotekcdn.zhizuobiao.com/php/index/img/enterprise.png) no-repeat center 45px;padding-top: 100px;}
  .enterprise div{float: left;width: 366px;height: 199px;background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/enterprise_01.png) no-repeat 10px 30px;padding: 135px 0 0 27px;}
  .enterprise p{float: left;width: 90px;height: 208px;background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/enterprise_02.png) no-repeat -4px -2px;margin: 0 10px;padding: 125px 0 0 303px;}
  .enterprise p + div{background:#fff url(https://iotekcdn.zhizuobiao.com/php/index/img/enterprise_03.png) no-repeat 0px -1px;}
  .enterprise a{display: inline-block;width: 60px;height: 28px;color: #a1a1a1;border: 1px #a1a1a1 solid;text-align: center;line-height: 28px;font-size: 12px;margin:0 125px 100px 0;}
  .enterprise a:hover{color: #f00;border: 1px #f00 solid;}
  .enterprise div a:nth-child(2n){margin-right:50px;}
  .enterprise div a:nth-child(2n){margin-right:50px;}

  /*用数据说话*/
  .data{width: 1150px;height: 83px;background: #fff url(https://iotekcdn.zhizuobiao.com/php/index/img/data.png) no-repeat center;padding: 80px 25px 0 25px;}
  .data p{float: left;width: 215px;height: 80px;font-family: abg;font-size: 24px;color: #505050;text-align: center;}
  .data p + p{width: 240px;}
  .data p:nth-child(5){width: 215px;}
  .data span{font-size: 36px;}

  /*讲师团队*/
  .teacher{width: 1200px;height: 470px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/teacher.png) no-repeat center 45px;padding-top: 105px;position: relative;}
  .teacher ul{display: none;}
  .teacher > .active{display: block;}
  .teacher li{float: left;width: 240px;height: 235px;position: relative;overflow: hidden;}
  .teacher li a{display: block;width: 100%;height: 100%;}
  .teacher li img{width: 100%;height: 100%;}
  .teacher li div{position: absolute;width: 190px;height: 175px;bottom: -235px;left: 0px;padding: 30px 25px;transition: all 0.5s; background: rgba(225, 0, 48, 0.9);color: #fff;}
  .teacher li div h6{font-size: 18px;font-weight: 100;margin-bottom:20px; }
  .teacher li div span{font-size: 14px;line-height: 18px; }
  .teacher li:hover div{bottom: 0;}
  .teacher p{position: absolute;margin: 0 auto;left: 0;right: 0;top: 340px;width: 240px;height: 235px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/teacher_b.jpg) no-repeat center;}
  .teacher p span{float: left;width: 50%;height:70px;line-height: 70px;text-align: center;color: #fff;font-size: 14px;background: rgba(255, 255, 255, 0.1);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  .teacher p span:hover{background: rgba(225, 0, 48, 0.9);}
  .teacher p .active{background: rgba(225, 0, 48, 0.9);}

  /*学员*/
  .student{width: 1200px;height: 685px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/student.png) no-repeat center 45px;padding-top: 105px;position: relative;display:none;}
  .student li{float: left;width: 286px;height: 208px;margin-right: 18px;margin-bottom: 25px;}
  .student li:nth-child(4n){margin-right: 0;}
  .student li a{width: 286px;height: 208px;position: relative;overflow: hidden;float: left;}
  .student li img{width: 100%;height: 100%;}
  .student li a > p{width: 100%;height: 48px;background: rgba(0,0,0,0.8);position: absolute;top: 160px;line-height: 48px;text-align: center;font-size: 14px;color: #fff;z-index: 2;}
  .student li a div{position: absolute;width: 100%;height: 100px;bottom: -190px;left: 0px;padding-top: 60px;transition: all 0.5s; background: rgba(28, 28, 31, 0.8);color: #fff;text-align: center;}
  .student li a div span{display: block;font-size: 18px;}
  .student li a div span + span{font-size: 16px;margin-top: 15px;}
  .student li a div p{font-size: 24px;}
  .student li:hover div{bottom: 48px;}


  /*毕业直通企业*/
  .graduation{width: 1200px;height: 385px;background:#f2f2f2 url(https://iotekcdn.zhizuobiao.com/php/index/img/graduation.png) no-repeat center 45px;padding-top: 155px;}
  .graduation img{float: left;}
  .graduation div{float: left;background:#fff;height: 55px;width: 1200px;margin: 0 auto;margin-top: 15px;}
  .graduation div p{float: left;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_new.png) no-repeat right center;}
  .graduation div p + p{margin-left: 45px;}
  .graduation div p a{display: inline-block;height:55px;margin:0 43px 0 15px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_dian.png) no-repeat left center;font-size: 14px;line-height: 55px;padding-left: 10px;color: #000;}

  /*企业荣誉表彰*/
  .honor{width: 1150px;height: 510px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/honor_b.png) no-repeat center 45px;padding: 120px 25px 0 25px;}
  .honor div{width: 1100px;height: 185px;padding: 0 25px; overflow: hidden;position: relative;}
  .honor span{position: absolute;height: 60px;width: 60px;top: 40px;left: 0px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/honor.png) no-repeat -22px center;}
  .honor span + span{left: 1090px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/honor.png) no-repeat -125px center;}
  .honor ul{width: 6300px;height: 185px;position: absolute;left: 25px;top: 0px;}
  .honor li{float: left;width: 200px;margin-right: 25px;}
  .honor li img{width: 100%;margin-bottom: 15px;}
  .honor li p{width: 100%;text-align: center;font-size: 12px;}
  .honor > p{margin-top: 100px;}
  .honor > p img{float: left;}

  /*官方合作*/
  .cooperation{width: 1200px;height: 190px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/cooperation.png) no-repeat center 45px;margin-bottom: 10px;padding-top: 120px;}
  .cooperation img{float: left;}

  /*友情连接*/
  .link{width: 1075px;background: #fff;position: relative;padding: 15px 45px 20px 80px;overflow: hidden;}
  .link p{position: absolute;font-size: 14px;left: 25px;top: 20px;color: #000;}
  .link a{float: left;font-size: 12px;color: #999;padding:5px 15px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon_s.png) no-repeat right center;}
  .link a:last-child{background: none;}
  .link a:hover{color:#f00;}

  /*网站地图*/
  .map{background:#000 url(https://iotekcdn.zhizuobiao.com/php/index/img/map.png) no-repeat center 35px;height: 250px;}
  .map .map_l{float: left;height: 190px;width: 665px;padding-top: 75px;position: relative;}
  .map p{position: absolute;font-size: 15px;color: #fff;top: 40px;}
  .map p span{padding-right: 255px;}
  .map p span + span{padding-right: 100px;}
  .map .map_l div{float: left;width: 60px;padding-right: 106px;}
  .map .map_l a{display:block;font-size:12px;color:#999;margin-bottom: 11px;}
  .map .map_l a:hover{color:#f00;}
  .map .map_r{float: right;height: 190px;width: 400px;padding-top: 75px;position: relative;}
  .map .map_r p{width: 400px;background: url(https://iotekcdn.zhizuobiao.com/php/index/img/tel.png) no-repeat right center;}
  .map .map_r .map_rl{float: left;width: 120px;}
  .map .map_r a{display:block;width: 75px;height:20px;margin-bottom: 7px;background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/icon.png);}
  .map .map_r .weixin{background-position-y: -28px;}
  .map .map_r .qq{background-position-y: 45px;}
  .map .map_r .tel{background-position-y: 20px;}
  .map .map_r .map_rl a:hover{background-position-x: 75px;}
  .map .map_r div + div{float:right;width: 235px;}
  .map .map_r div + div a{float:left;width: 109px;height: 131px; background: url(https://iotekcdn.zhizuobiao.com/php/index/img/dyh.png) no-repeat center;}
  .map .map_r div + div a + a{background: url(https://iotekcdn.zhizuobiao.com/php/index/img/app.png) no-repeat center;margin-left: 15px;}


  /*底部*/
  .footer{height: 100px;background: #000;color: #999;padding-top: 36px;text-align: center;}
  .footer > a{display:block; background: url(https://iotekcdn.zhizuobiao.com/php/index/img/beian.png) no-repeat center left;height: 30px;line-height: 30px;width: 235px; margin: 0 auto;color:#999;}
  .footer p a{color: #999;}
</style>
</head>
<body>
<div class="h_bottom"> 

</div>
<div class="header"></div>
<!--头部结束--> 
<!--banner-->
<div class="banner">
  <div class="banner_b">
  

  <a href="#" style="background-image: url(https://iotek.zhizuobiao.com/sem/pinpai/images/banner_01.jpg);" alt="" target="_blank"></a>
  <a href="#" style="background-image: url(https://iotek.zhizuobiao.com/sem/pinpai/images/banner_02.jpg);" alt="" target="_blank"></a>

    <p> <span class="active"></span> <span></span><!-- <span></span> <span></span> <span></span> --> </p>
  </div>
</div>
<!--banner结束--> 
<!--main内容-->
<div class="main"> 
  <!--图标-->
  <div class="icon"></div>
  <!--培训课程和公开课-->
  <div class="course">
    <div>
      <p> <span><</span> <span>></span> </p>
      <ul class="course_01"></ul>
    </div>
    <div>
      <p></p>
      <ul>
        <li> <a class="course_b" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" style="background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/course_81.jpg);" target="_blank"></a> <a class="course_t" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">
          <h6>【Java】Java高级开发工程师</h6>
          </a>
          <h5> <span></span>
            <p><a style="color: #479947;" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">即将开始</a></p>
          </h5>
        </li>
        <li> <a class="course_b" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" style="background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/course_82.jpg);" target="_blank"></a> <a class="course_t" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">
          <h6>【大数据】大数据可视化仓储订单分析</h6>
          </a>
          <h5> <span>18763人正在学</span>
            <p><a style="color: #00f;" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">精彩回放</a></p>
          </h5>
        </li>
        <li> <a class="course_b" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" style="background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/course_83.jpg);" target="_blank"></a> <a class="course_t" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">
          <h6>【人工智能】无所不能的编程语言Python</h6>
          </a>
          <h5 class="course_span"> <span>50分钟</span>
            <p><a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">正在授课</a></p>
          </h5>
        </li>
        <li> <a class="course_b" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" style="background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/course_84.jpg);" target="_blank"></a> <a class="course_t" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">
          <h6>【WEB前端】微信小程序开发</h6>
          </a>
          <h5> <span></span>
            <p><a style="color: #f90;" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">我要报名</a></p>
          </h5>
        </li>
      </ul>
    </div>
  </div>
  <!--培训课程和公开课结束--> 
  <!--精品培训课程-->
  <div class="train">
    <div> <span class="active">精品培训课程</span> <span>大数据</span> <span>人工智能</span> <span>Java</span> <span>WEB前端</span> <span>物联网</span> <span>iOS</span> <span>Android</span>
      <p></p>
    </div>
    <ul class="bigdata"></ul>
    <ul class="python">
    </ul>
    <ul class="java">
    </ul>
    <ul class="web">
    </ul>
    <ul class="linux">
    </ul>
    <ul class="ios">
    </ul>
    <ul class="android">
    </ul>
  </div>
  <!--精品培训课程结束--> 
  <!--企业需求-->
  <div class="enterprise">
    <div> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> </div>
    <p> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> </p>
    <div> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> <a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a> </div>
  </div>
  <!--企业需求结束--> 
  <!--用数据说话
  <div class="data">
    <p><span>600</span>+</p>
    <p><span>5000</span>+</p>
    <p><span>300000</span>+</p>
    <p><span>240000</span>+</p>
    <p><span>800</span>+</p>
  </div>-->
  <!--数据结束--> 
  <!--讲师-->
   <!--<div class="teacher">
    <ul class="active"></ul>
    <ul>
    </ul>
    <ul>
    </ul>
    <ul>
    </ul>
    <p> <span class="active">授课老师</span> <span>督导老师</span> <span>研发工程师</span> <span>职业规划师</span> </p>
  </div>-->
  <!--讲师结束--> 
  <!--学员-->
  <ul class="student">
  </ul>
  <!--学员结束--> 
  <!--毕业直通企业-->
  <div class="graduation"> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_01.png" alt="百度" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_02.png" alt="阿里巴巴" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_03.png" alt="腾讯" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_04.png" alt="京东" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_05.png" alt="美团点评" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_06.png" alt="中国平安" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_07.png" alt="华为" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_08.png" alt="小米" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_09.png" alt="LG" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_10.png" alt="海尔" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_11.png" alt="中兴" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_12.png" alt="上海贝尔" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_13.png" alt="喜马拉雅" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_14.png" alt="途牛" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_15.png" alt="宝钢集团" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_16.png" alt="联想" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_17.png" alt="惠普" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/graduation_18.png" alt="IBM" />
    <div>
      <p><a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">上海海同信息科技有限公司，十年成就不凡</a></p>
      <p><a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">张炜老师：大数据-Hadoop与Spark学习经验谈</a></p>
      <p><a href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">大数据实训项目：大型分布式电商平台《购物街》</a></p>
    </div>
  </div>
  <!--企业荣誉表彰
  <div class="honor">
    <div>
      <ul>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_16.jpg" alt="阿里云实训基地">
          <p>阿里云实训基地</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_15.jpg" alt="阿里云MVP合作伙伴联盟">
          <p>阿里云MVP合作伙伴联盟</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_01.jpg" alt="开源软件与应用能力评测单位" />
          <p>开源软件与应用能力评测单位</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_02.jpg" alt="工业和信息化人才培训基地" />
          <p>工业和信息化人才培训基地</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_03.jpg" alt="上海市'高新技术企业'" />
          <p>上海市"高新技术企业"</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_04.jpg" alt="上海科委嵌入式联合培训基地" />
          <p>上海科委嵌入式联合培训基地</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_05.jpg" alt="上海车联网与车载产业联盟成员" />
          <p>上海车联网与车载产业联盟成员</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_06.jpg" alt="海信签约人才定向培训机构" />
          <p>海信签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_07.jpg" alt="TCL签约人才定向培训机构" />
          <p>TCL签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_08.jpg" alt="中软国际签约人才定向培训机构" />
          <p>中软国际签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_09.jpg" alt="先锋商泰签约人才定向培训机构" />
          <p>先锋商泰签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_10.jpg" alt="希姆通签约人才定向培训机构" />
          <p>希姆通签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_16.jpg" alt="阿里云实训基地">
          <p>阿里云实训基地</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_15.jpg" alt="阿里云MVP合作伙伴联盟">
          <p>阿里云MVP合作伙伴联盟</p>
				</li>
				<li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_17.png" alt="腾讯课堂2020年认证机构">
          <p>腾讯课堂2020年认证机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_18.png" alt="腾讯课堂金课堂奖">
          <p>腾讯课堂金课堂奖</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_01.jpg" alt="开源软件与应用能力评测单位" />
          <p>开源软件与应用能力评测单位</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_02.jpg" alt="工业和信息化人才培训基地" />
          <p>工业和信息化人才培训基地</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_03.jpg" alt="上海市'高新技术企业'" />
          <p>上海市"高新技术企业"</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_04.jpg" alt="上海科委嵌入式联合培训基地" />
          <p>上海科委嵌入式联合培训基地</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_05.jpg" alt="上海车联网与车载产业联盟成员" />
          <p>上海车联网与车载产业联盟成员</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_06.jpg" alt="海信签约人才定向培训机构" />
          <p>海信签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_07.jpg" alt="TCL签约人才定向培训机构" />
          <p>TCL签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_08.jpg" alt="中软国际签约人才定向培训机构" />
          <p>中软国际签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_09.jpg" alt="先锋商泰签约人才定向培训机构" />
          <p>先锋商泰签约人才定向培训机构</p>
        </li>
        <li> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_10.jpg" alt="希姆通签约人才定向培训机构" />
          <p>希姆通签约人才定向培训机构</p>
        </li>
      </ul>
      <span></span> <span></span> </div>
    <p> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p01.png" alt="工业和信息化部教育与考试中心" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p02.png" alt="国家开源软件开发应用能力测评" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p03.png" alt="ARM全球授权培训中心" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p04.png" alt="国家商务部服务外包人才培训基地" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p05.png" alt="微软全球授权培训中心" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p06.png" alt="阿里云战略合作单位" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p07.png" alt="上海车联网与车载信息服务成员单位" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p08.png" alt="上海电子学会联合培训认证中心" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p09.png" alt="上海市科委嵌入式联合认证培训基地" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p10.png" alt="上海市'高新技术企业'" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p11.png" alt="入选上海'五新'100例" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/honor_p12.png" alt="张江高科园区人才服务平台" /> </p>
  </div>-->
  <!--企业荣誉表彰结束--> 
  <!--官方合作-->
  <div class="cooperation"> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_01.png" alt="凤凰网" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_02.png" alt="新浪网" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_03.png" alt="腾讯新闻" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_04.png" alt="网易" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_05.png" alt="搜狐" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_06.png" alt="环球网" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_07.png" alt="百度" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_08.png" alt="360" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_09.png" alt="搜狗" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_10.png" alt="今日头条" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_11.png" alt="优酷" /> <img src="https://iotekcdn.zhizuobiao.com/php/index/img/cooperation_12.png" alt="爱奇艺" /> </div>
</div>
<script type="text/javascript" src="/footer.js"></script>
<script src="https://iotekcdn.zhizuobiao.com/public/jquery.min_1.8.2.js"></script>

<script>
var isTrue = true;
var data = {
	'course':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_01.jpg',
			'title': '【零基础】JavaEE高级开发工程师课程',
			'people':'16803人正在学习'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_02.jpg',
			'title': '【零基础】大数据与分布式架构师课程',
			'people':'26321人正在学'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_03.jpg',
			'title': '【进阶】JavaEE分布式架构师进阶课程',
			'people':'14689人正在学'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_04.jpg',
			'title': '【零基础】人工智能+Python全栈开发课程',
			'people':'32680人正在学习'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_05.jpg',
			'title': '【零基础】WEB前端&H5工程师课程',
			'people':'26321人正在学'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_06.jpg',
			'title': '【零基础】大数据高级开发工程师课程',
			'people':'13242人正在学'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_07.jpg',
			'title': '【零基础】人工智能与物联网工程师课程',
			'people':'24976人正在学'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'course_08.jpg',
			'title': '【零基础】云计算大数据分析师课程',
			'people':'32689人正在学'
		}
	],
	'bigdata':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507134318_7D02.jpg',
			'title': '大数据开发-分布式缓存数据库-Redis',
			'people':'1158人正在学',
			'time':'4小时35分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507140512_0616.jpg',
			'title': '大数据开发-分布式爬虫技术',
			'people':'1100人正在学',
			'time':'18小时49分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507135901_BEE7.jpg',
			'title': '大数据开发-微服务架构-spring cloud',
			'people':'1080人正在学',
			'time':'22小时37分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507135124_4219.jpg',
			'title': '大数据开发-虚拟化容器技术-Docker',
			'people':'20972人正在学',
			'time':'18小时56分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507134726_CFA3.jpg',
			'title': '大数据开发-MySql分布式集群',
			'people':'22507人正在学',
			'time':'11小时30分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507133540_1188.jpg',
			'title': '大数据开发-JVM调优&Java并发技术',
			'people':'35531人正在学',
			'time':'20小时16分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507133303_A361.jpg',
			'title': '大数据开发-Linux运维基础',
			'people':'23492人正在学',
			'time':'21小时37分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': '180507143553_4355.jpg',
			'title': '大数据开发-Spark架构技术',
			'people':'37198人正在学',
			'time':'0小时51分'
		}
	],
	'python':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_01.jpg',
			'title': '智能硬件开发-驱动开发',
			'people':'1674人正在学',
			'time':'9小时13分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_02.jpg',
			'title': '智能硬件开发-ARM接口技术',
			'people':'2346人正在学',
			'time':'9小时36分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_03.jpg',
			'title': '智能硬件开发-系统移植',
			'people':'1467人正在学',
			'time':'6小时37分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_04.jpg',
			'title': '嵌入式应用开发零基础-Linux进程间通信',
			'people':'20908人正在学',
			'time':'7小时9分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_05.jpg',
			'title': '嵌入式应用开发零基础-C语言扩展篇',
			'people':'17480人正在学',
			'time':'20小时6分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_06.jpg',
			'title': '嵌入式应用开发零基础-Linux IO系统编程',
			'people':'19366人正在学',
			'time':'7小时37分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_07.jpg',
			'title': '嵌入式应用开发零基础-Linux进程与信号',
			'people':'23672人正在学',
			'time':'9小时21分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'puthon_08.jpg',
			'title': 'C语言基础入门',
			'people':'55053人正在学',
			'time':'22小时40分'
		}
	],
	'java':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_01.jpg',
			'title': 'JavaEE开发进阶-Spring',
			'people':'5031人正在学',
			'time':'7小时6分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_02.jpg',
			'title': 'MYSQL数据库基础',
			'people':'31332人正在学',
			'time':'8小时8分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_03.jpg',
			'title': 'JavaEE开发进阶-Mybatis',
			'people':'5199人正在学',
			'time':'8小时22分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_04.jpg',
			'title': 'JavaEE开发进阶-SpringMVC',
			'people':'5540人正在学',
			'time':'8小时46分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_05.jpg',
			'title': 'SpringBoot',
			'people':'2064人正在学',
			'time':'8小时25分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_06.jpg',
			'title': 'JavaEE开发零基础-Java语言基础语法',
			'people':'103249人正在学',
			'time':'11小时41分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_07.jpg',
			'title': 'JavaEE开发零基础-Java面向对象编程',
			'people':'92705人正在学',
			'time':'14小时46分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'java_08.jpg',
			'title': 'JavaEE开发零基础-Java编程进阶',
			'people':'44271人正在学',
			'time':'19小时45分'
		}
	],
	'web':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_01.jpg',
			'title': 'WEB前端HTML5入门',
			'people':'11706人正在学',
			'time':'10小时18分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_02.jpg',
			'title': 'Angular2经典框架新手入门',
			'people':'894人正在学',
			'time':'4小时17分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_03.jpg',
			'title': '微信公众号与小程序开发',
			'people':'3914人正在学',
			'time':'5小时42分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_04.jpg',
			'title': 'vueJS前端框架进阶',
			'people':'1611人正在学',
			'time':'2小时34分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_05.jpg',
			'title': 'HTML全套标签',
			'people':'88486人正在学',
			'time':'3小时4分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_06.jpg',
			'title': 'CSS从原理到熟练',
			'people':'57641人正在学',
			'time':'5小时8分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_07.jpg',
			'title': 'Javascript脚本互动基础与原理',
			'people':'57576人正在学',
			'time':'7小时33分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'web_08.jpg',
			'title': 'Jquery基础入门',
			'people':'21887人正在学',
			'time':'8小时24分'
		}
	],
	'linux':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_01.jpg',
			'title': '嵌入式应用开发进阶-QT软件开发使用',
			'people':'28817人正在学',
			'time':'4小时59分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_02.jpg',
			'title': '嵌入式应用开发零基础-Linux网络编程',
			'people':'35192人正在学',
			'time':'11小时7分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_03.jpg',
			'title': '嵌入式应用开发零基础-Linux多线程编程',
			'people':'28859人正在学',
			'time':'9小时37分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_04.jpg',
			'title': '嵌入式应用开发零基础-系统开发概论',
			'people':'27069人正在学',
			'time':'2小时50分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_05.jpg',
			'title': '嵌入式应用开发零基础-C语言提高篇',
			'people':'23320人正在学',
			'time':'34小时56分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_06.jpg',
			'title': '嵌入式应用开发零基础-C语言数据结构与算法篇',
			'people':'19168人正在学',
			'time':'10小时51分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_07.jpg',
			'title': '嵌入式应用开发零基础-C语言调试篇',
			'people':'2207人正在学',
			'time':'9小时20分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'linux_08.jpg',
			'title': 'PHP开发零基础-LINUX操作详解',
			'people':'6573人正在学',
			'time':'12小时31分'
		}
	],
	'ios':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_01.jpg',
			'title': 'iOS开发项目实战-精品案例系列',
			'people':'23943人正在学',
			'time':'0小时30分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_02.jpg',
			'title': 'iOS开发项目实战-《我看新闻》',
			'people':'23905人正在学',
			'time':'2小时33分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_03.jpg',
			'title': 'iOS开发零基础-Objective-C语法基础',
			'people':'77412人正在学',
			'time':'18小时10分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_04.jpg',
			'title': 'iOS开发零基础-UI基础',
			'people':'40685人正在学',
			'time':'17小时57分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_05.jpg',
			'title': 'iOS开发零基础-数据存储',
			'people':'32225人正在学',
			'time':'3小时11分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_06.jpg',
			'title': 'iOS开发零基础-网络编程',
			'people':'25463人正在学',
			'time':'1小时41分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_07.jpg',
			'title': 'iOS开发零基础-多媒体',
			'people':'37502人正在学',
			'time':'3小时18分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'ios_08.jpg',
			'title': 'iOS开发零基础-iOS扩展和设计模式',
			'people':'25469人正在学',
			'time':'1小时29分'
		}
	],
	'android':[
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_01.jpg',
			'title': 'Android开发零基础-线程间通信和异步任务',
			'people':'11462人正在学',
			'time':'0小时47分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_02.jpg',
			'title': 'Android开发零基础-高级组件和容器',
			'people':'15618人正在学',
			'time':'3小时25分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_03.jpg',
			'title': 'Android开发零基础-多屏幕适配',
			'people':'12344人正在学',
			'time':'3小时55分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_04.jpg',
			'title': 'Android开发零基础-数据存储',
			'people':'13479人正在学',
			'time':'3小时19分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_05.jpg',
			'title': 'Android开发实战-精品案例系列',
			'people':'34932人正在学',
			'time':'15小时21分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_06.jpg',
			'title': 'Android开发项目实战-开发框架实战',
			'people':'4860人正在学',
			'time':'7小时3分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_07.jpg',
			'title': 'Android项目开发实战演练',
			'people':'1863人正在学',
			'time':'7小时3分'
		},
		{
			'url': 'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',
			'img': 'android_08.jpg',
			'title': 'Android开发进阶-NDK开发',
			'people':'44547人正在学',
			'time':'7小时33分'
		}
	]
}
var teacherData = {
		'teacher01':[{'img':'teacher_01.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师刘新华',    'name':'	刘新华',    	'content':'主讲H5、PHP方向技术课程，属于实力型。讲课声音洪亮，激情饱满，对专业充满热情'},
                    {'img':'teacher_02.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师吴翠红',    'name':'	吴翠红',    	'content':'主讲Web前端与H5全栈，嵌入式等开发技术，“教、学、练、测”循环教学模式'},
                    {'img':'teacher_03.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师吕益平',    'name':'	吕益平',    	'content':'16年研发与教学经验，熟悉企业软件开发的产品设计及开发的细节与流程'},
                    {'img':'teacher_04.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师黄泽民',    'name':'	黄泽民',    	'content':'4年开发与教学经验，擅长javase核心技术，并发编程，Mysql oracle  redis 等数据存储技术'},
                    {'img':'teacher_05.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师程钢  ',    'name':' 程钢',	        'content':'擅长大型企业商业网站开发和管理。精通C#、Java、SQLServer、MySQL、Oracle数据库'},
                    {'img':'teacher_06.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师孔庆琦',    'name':'	孔庆琦 ',   	'content':'精通JavaSE，JavaEE、JavaWeb、Oracle、Mysql,Android等编程技术；对MVC模式和三层架构有深入的研究'},
                    {'img':'teacher_07.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师孙延海',    'name':'	孙延海 ',   	'content':'主讲JavaEE、大数据课程，擅长java技术，后台由C++ Corba提供服务，业务数据基于Oracle9i数据库'},
                    {'img':'teacher_08.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师张军  ',    'name':' 张军',	        'content':'10年项目开发经验，精通pc、mobile平台软件开发主流技术和框架，研发项目二十多个，包括服务器、客户端、嵌入式'},
                    {'img':'teacher_08.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师张军  ',    'name':' 张军',	        'content':'10年项目开发经验，精通pc、mobile平台软件开发主流技术和框架，研发项目二十多个，包括服务器、客户端、嵌入式'},
                    {'img':'teacher_09.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'授课老师周鸣君',     'name':'周鸣君',	    'content':'8年研发与教学经验，精通Java、Delphi、HTML5、JavaScript、c#，擅长Hadoop/Spark大数据技术'}],
        'teacher02':[{'img':'teacher_11.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师程伟鑫',     'name':'程伟鑫',	    'content':'5年多教育培训经验，擅长与学员形成良好互动，督促教务、教师及时回访，反馈教学与服务情况'},
                    {'img':'teacher_12.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师崔锦  ',    'name':' 崔锦',	         'content':'4年多教育培训经验，授课认真负责、幽默风趣，擅长总结归纳，耐心细致，深入浅出，实战性较强，深受学生欢迎'},
                    {'img':'teacher_13.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师杜灿灿',     'name':'杜灿灿',	     'content':'2年多教育培训经验，擅长在培学员相关事宜沟通，确保所有在培学员按照教学标准和大纲享受高质量的培训服务'},
                    {'img':'teacher_14.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师范佺菁',     'name':'范佺菁',	     'content':'4年多教育培训经验，擅长课程安排与协调，保证正常教学。沟通与排课工作，统计老师课时的统计汇总'},
                    {'img':'teacher_15.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师孙凯  ',    'name':' 孙凯',	         'content':'2年多教育培训经验，擅长学员档案管理，与学员形成良好互动，督促教务，反馈教学与服务情况'},
                    {'img':'teacher_16.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师金延鑫',     'name':'金延鑫',	     'content':'3年多教育培训经验，擅长与学生或家长及时有效沟通，与学生和家长建立长期，稳定，良好的关系'},
                    {'img':'teacher_17.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师杨成江',     'name':'杨成江',	     'content':'2年多教育培训经验，擅长按照课程管理流程对学员在中心的学习进行管理,为在读学员提供优质服务'},
                    {'img':'teacher_18.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师孙时平',     'name':'孙时平',	     'content':'3年多教育培训经验，擅长学生的教学教务数据的整理汇总，统计分析，并制作相应分析报表，给到优化建议'},
                    {'img':'teacher_18.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师孙时平',     'name':'孙时平',	     'content':'3年多教育培训经验，擅长学生的教学教务数据的整理汇总，统计分析，并制作相应分析报表，给到优化建议'},
                    {'img':'teacher_19.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'督导老师张炜  ',    'name':' 张炜',	         'content':'3年多教育培训经验，擅长制定和落实工作；教学质量的监控，教学进度的制定和协调，进行及时督查、管理和答疑'}],
        'teacher03':[{'img':'teacher_21.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师曹圣捷',     'name':'曹圣捷',	     'content':'15年研发与IT教学经验，擅长第三方技术开发商的技术支持和系统架构服务'},
                    {'img':'teacher_22.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师程光淼',     'name':'程光淼',	     'content':'培训事业部嵌入式教学总监精通C、C++等语言、智能芯片开发，曾领导开发“飞科智能剃须刀”等中大型项目'},
                    {'img':'teacher_23.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师贺莹',      'name':' 贺莹',	         'content':'负责进行JAVA相关课程的讲授,完成相关的教学资料（教学大纲、教学PPT、教学案例等）的研发工作'},
                    {'img':'teacher_24.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师黄骈',      'name':' 黄骈',	         'content':'培训事业部教学总监，系统分析师，系统架构师。精通C、Java等编程语言，熟悉Java企业开发需求'},
                    {'img':'teacher_25.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师翟健',      'name':' 翟健',     	     'content':'熟悉系大型项目开发业务流程，精通C、Java语言。曾参与“太平洋寿险准备金核算系统”'},
                    {'img':'teacher_26.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师程俊',      'name':' 程俊',	         'content':'2项国家实用创新专利，精通Ubuntu、RedHat、CentOS以及free RTOS、等实时操作系统'},
                    {'img':'teacher_27.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师龚超',      'name':' 龚超',	         'content':'16年研发与教学经验，擅长针对企业软件开发的产品设计及开发的细节与流程设计课程内容'},
                    {'img':'teacher_28.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师张军 ',     'name':' 张军',	         'content':'10年项目开发经验，精通pc、mobile平台软件开发主流技术和框架，研发大型项目二十多个'},
                    {'img':'teacher_28.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师张军 ',     'name':' 张军',	         'content':'10年项目开发经验，精通pc、mobile平台软件开发主流技术和框架，研发大型项目二十多个'},
                    {'img':'teacher_29.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'研发工程师Stellan Elba',   'name':'Stellan Elba',	 'content':'海同职坐标硅谷研究院负责人为职坐标学生定制了符合阿里巴巴等北上广深企业的学习标准，提供丰富、多元的教学内容'}],
        'teacher04':[{'img':'teacher_31.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师张颖',	        'name':'张颖',	     'content':'10年职业规划工作经验，海量企业职位信息，熟悉企业项目以及企业用人需求'},
                    {'img':'teacher_32.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师刘瑞兵',	    'name':'刘瑞兵',	     'content':'拥有11年职业规划师工作经验，擅长发掘行业发展优势和热门岗位'},
                    {'img':'teacher_33.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师龚威',	        'name':'龚威',	     'content':'3年职业规划师经验，达成委托招聘协议，并维护良好的客户关系'},
                    {'img':'teacher_34.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师安彩凤',	    'name':'安彩凤',	     'content':'3年职业规划师经验，擅长组织调研，人长盘点，能力与技能管理'},
                    {'img':'teacher_35.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师顾甜甜',	    'name':'顾甜甜',	     'content':'职业规划师从业经验7年以上，擅长渠道整合，人岗匹配，人事信息管理'},
                    {'img':'teacher_36.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师汪易方',	    'name':'汪易方',	     'content':'7年职业规划师执行经验，擅长晋升测评，录用测评，简历优化'},
                    {'img':'teacher_37.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师张隆峰',	    'name':'张隆峰',	     'content':'4职业规划师经验，做事认真踏实，为人正直诚恳；高度的工作意识，具有良好的团队精神4'},
                    {'img':'teacher_38.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师景霞',	        'name':'景霞',	     'content':'2职业规划师经验，多渠道快速寻访候选人，进行初步面试和评估，并形成推荐报告；'},
                    {'img':'teacher_38.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师景霞',	        'name':'景霞',	     'content':'2职业规划师经验，多渠道快速寻访候选人，进行初步面试和评估，并形成推荐报告；'},
                    {'img':'teacher_39.jpg','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1',	'alt':'职业规划师王艾',         'name':' 王艾',	     'content':'3年职业规划师经验负责公司业务客户开发，了解客户潜在'}],
        'student':[{'name':'李同学',	'img':'student_01.jpg',	'content':'追求我想要的，选择职坐标我不后悔 ',       'title':'中软****',	       'money':' 7500','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'丁同学',	'img':'student_02.jpg',	'content':'职坐标的吴老师，思路很清晰，非常实用',	    'title':'广州国****',	       'money':' 9000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'陈同学',	'img':'student_03.jpg',	'content':'我如今的成就一半要归功于职坐标的老师',	    'title':'上海沃**息科技',	    'money':'25000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'黄同学',	'img':'student_04.jpg',	'content':'相信自己相信老师努力会迎来美好的春天',	    'title':'杭州云**息科技 ',     'money':'5000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'张同学',	'img':'student_05.jpg',	'content':'让大专生的我逆袭大数据工程师月薪15K',	    'title':'上海欧*****科技',	    'money':'15000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'王同学',	'img':'student_06.jpg',	'content':'应届生定向入职大型企业拿10K高薪',            'title':'上海爱**云',	        'money':'10000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'王同学',	'img':'student_07.jpg',	'content':'大专生参加大数据培训月薪翻3倍 ',       'title':'上海**信息科技',	    'money':'11000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'吴同学',	'img':'student_08.jpg',	'content':'职坐标一盏事业上的明灯，感谢 ',           'title':'上海树***科技',	    'money':'11000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'李同学',	'img':'student_09.jpg',	'content':'谢谢职坐标，让我没后悔的选择，谢谢',	        'title':'上海坤***信息',	    'money':'15000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'刘同学',	'img':'student_10.jpg',	'content':'职坐标学习氛围棒使我有继续的动力！',	         'title':'上海**微电子技术',	'money':'11000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'暨同学',	'img':'student_11.jpg',	'content':'二线城市应届生成功就业',            'title':'东莞市炫***科技',	    'money':'15000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'},
			        {'name':'简同学',	'img':'student_12.jpg',	'content':'选择职坐标选择双赢的结局。',           'title':'上海绿***科技',	    'money':'12000','url':'https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1'}]
}


$(function(){
	
	/*培训课程和公开课的数据渲染*/
	course();
	
	/*精品培训课数据渲染*/
	train();
	
	/*精品课程的hover事件*/
	$('.train').find('div').find('span').on('mouseover', function(){
		$(this).addClass('active').siblings().removeClass('active');
		$('.train').find('ul').css({'display':'none'})
		var index = 0;
		if($(this).index() == 0){
			index = 0;
		}else{
			index = $(this).index() - 1;
		}
		$('.train').find('ul').eq(index).css({'display':'block'})
	})
	

	
	
	
	/*老师的hover事件*/
	$('.teacher').find('p').find('span').on('click',function(){
		$(this).addClass('active').siblings().removeClass('active');
		$('.teacher').find('ul').removeClass('active');
		$('.teacher').find('ul').eq($(this).index()).addClass('active');
	})
	
	/*学员数据渲染*/
	student()
	
	/*企业荣誉表彰点击事件*/
	honor();
	
	/*免费公开课的时间渲染*/
    openCourse();
	
	/*banner轮播*/
	banner();

})

/*course数据*/
function course (){
	var courses = [];
	for (var i in data['course']) {
		courses.push(data['course'][i])
	}
	sourseR(courses)
	$('.course').find('p').eq(0).find('span').on('click',function(){
		var index = 0;
		if($(this).index() == 0){
			sourseR(courses, 'push')
		} else {
			sourseR(courses, 'unshift')
		}
	})
}
//course数据渲染
function sourseR(courses , type){
	var html = '';
	$('.course_01').empty();
	if (type == 'push'){
		courses.unshift(courses[courses.length - 1]);
		courses.pop();
	}
	if(type == 'unshift'){
		courses.push(courses[0]);
		courses.shift();
	}
	for (var j= 0 ; j < courses.length ; j++){
		if (!!courses[j]['url']){
			html += '<li>'+
						'<a class="course_b" href="'+courses[j]['url']+'" style="background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/'+courses[j]['img']+');" target="_blank"></a>'+
						'<a class="course_t" href="'+courses[j]['url']+'" target="_blank">'+
							'<h6>'+courses[j]['title']+'</h6>'+
							'<span>'+courses[j]['people']+'</span>'+
						'</a>'+
						'<a class="course_l" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a>'+
					'</li>'
		}else{
			html += '<li>'+
						'<span class="course_b" href="javascript:;" style="background-image: url(https://iotekcdn.zhizuobiao.com/php/index/img/'+courses[j]['img']+');" target="_blank"></span>'+
						'<span class="course_t" href="javascript:;" target="_blank">'+
							'<h6>'+courses[j]['title']+'</h6>'+
							'<span>'+courses[j]['people']+'</span>'+
						'</span>'+
						'<a class="course_l" href="https://tb.53kf.com/code/client/6ba75ff43bae045140ccea9a2f4017c38/1" target="_blank">立即咨询</a>'+
					'</li>'
		}
	}
	$(html).appendTo('.course_01')
}


/*精品培训课数据渲染*/
function train(){
	var bigHtml = '',pyHtml = '',javaHtml = '',webHtml = '',linHtml = '',iosHtml = '',anHtml = '';
	trainR(bigHtml, 'bigdata', '.bigdata');
	trainR(pyHtml, 'python', '.python');
	trainR(javaHtml, 'java', '.java');
	trainR(webHtml, 'web', '.web');
	trainR(linHtml, 'linux', '.linux');
	trainR(iosHtml, 'ios', '.ios');
	trainR(anHtml, 'android', '.android');

}
function trainR(html,datas,dom){
	var url = 'https://iotekcdn.zhizuobiao.com/php/index/img/'
	if (datas == 'bigdata'){
		url = 'https://iotekimg.zhizuobiao.com/iotek2/course_v2//'
	}
	for (var i= 0 ; i < data[datas].length ; i++){
		html += '<li>'+
						'<a class="course_b" href="'+data[datas][i]['url']+'" style="background-image: url(' + url + data[datas][i]['img']+');" target="_blank"></a>'+
						'<a class="course_t" href="'+data[datas][i]['url']+'" target="_blank">'+data[datas][i]['title']+'</a>'+
						'<a class="course_gl" href="'+data[datas][i]['url']+'" target="_blank">'+
							'<span>'+data[datas][i]['people']+'</span>'+
							'<p>'+data[datas][i]['time']+'</p>'+
						'</a>'+
				'</li>';
	}
	$(html).appendTo(dom)
}

/*讲师数据渲染*/
function teacher(){
	var teacher01 = '',teacher02 = '',teacher03 = '',teacher04 = '';
	teacherR(teacher01,teacherData['teacher01'],$('.teacher').find('ul').eq(0))
	teacherR(teacher02,teacherData['teacher02'],$('.teacher').find('ul').eq(1))
	teacherR(teacher03,teacherData['teacher03'],$('.teacher').find('ul').eq(2))
	teacherR(teacher04,teacherData['teacher04'],$('.teacher').find('ul').eq(3))
}
function teacherR(html,datas,dom){
	for (var i= 0 ; i < datas.length ; i++){
		html += '<li><a href="'+datas[i]['url']+'" target="_blank">'+
					'<img src="https://iotekcdn.zhizuobiao.com/php/index/img/'+datas[i]['img']+'" alt="'+datas[i]['alt']+'" />'+
					'<div>'+
						'<h6>'+datas[i]['name']+'</h6>'+
						'<span>'+datas[i]['content']+'</span>'+
					'</div>'+
				'</a></li>';
	}
	$(html).appendTo(dom)
}

/*学员渲染*/
function student(){
	var html = '';
	var student = teacherData['student'];
	for (var i= 0 ; i < student.length ; i++){
		html += '<li><a href="' + student[i]['url'] + '" target="_blank">'+
					'<img src="https://iotekcdn.zhizuobiao.com/php/index/img/'+student[i]['img']+'"/>'+
					'<p>'+student[i]['content']+'</p>'+
					'<div>'+
						'<span>'+student[i]['name']+'</span>'+
						'<span>'+student[i]['title']+'</span>'+
						'<p>'+student[i]['money']+'/月</p>'+
					'</div>'+
				'</a></li>';
	}
	$(html).appendTo('.student')
}

/*用数据说话*/
function dataTimer(){
	if($(document).scrollTop() < $('.data').position().top && ($(document).scrollTop() + $(window).height() > $('.data').position().top) && isTrue){
		isTrue = false;
		var data01='',data02='',data03='',data04='',data05='';
		timer($('.data').find('span').eq(0),data01,600);
		timer($('.data').find('span').eq(1),data02,5000);
		timer($('.data').find('span').eq(2),data03,300000);
		timer($('.data').find('span').eq(3),data04,240000);
		timer($('.data').find('span').eq(4),data05,800);
	}
}
//计时器
function timer(dom,name,number){
    var i = 0,j = 0;
    var times = Math.ceil(4000 / number)
    name = setInterval(function() {
    	j ++;
    	if(number > 5000){
    		i = j * 299;
    	} else if(number > 4000) {
    		i = j * 5;
    	}else{
    		i = j;
    	}
    	if (i > number){
    		i = number;
    		clearInterval(name)
    	}
    	dom.text(i)
    }, times);
}

//企业荣誉表彰点击事件
function honor(){
    var dom_hover = $('.honor').find('div');
    var dom_banner = $('.honor').find('ul');
    var dom_click = $('.honor').find('span');
    var index = 0;
    var timer = '';
    dom_click.on('click',function(){
        if ($(this).index() == 1) {
            index --;
        } else {
            index ++;
        }
        shift_obj();
    });
    dom_hover.on('mouseover',function () {
        clearInterval(timer)
    });
    dom_hover.on('mouseout',function () {
        timer = setInterval(function(){
            index ++ ;
            shift_obj();
        }, 3000)
    });
    var shift_obj = function () {
        if (index > 12) {
            index = 1;
            dom_banner.css({'left':'25px'})
        };
        if (index < 0 ) {
            index = 11;
            dom_banner.css({'left':'-2675px'})
        }
        dom_banner.stop(true,false)
        dom_banner.animate({'left':(index * (-225) + 25) + 'px'});
        dom_hover.eq(index).addClass('active').siblings().removeClass('active');
    };
    timer = setInterval(function(){
        index ++ ;
        shift_obj();
    }, 3000)
}

//免费公开课的时间渲染
function openCourse(){
	var date = new Date();
	if(date.getHours() > 15||(date.getHours() == 15 && date.getMinutes() > 30)) {
		date.setDate(date.getDate() + 1)
	}	
	var m = (date.getMonth() + 1) < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1);
	var d = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() ;
	$('.course').find('ul').eq(1).find('span').eq(3).text(m+'月'+d+'日  15:30')
	
	var dd = new Date();
	dd.setMinutes(dd.getMinutes() + 20);
	var mon = (dd.getMonth() + 1) < 10 ? '0' + (dd.getMonth() + 1) : (dd.getMonth() + 1);
	var day = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate();
	var hou = dd.getHours() < 10 ? '0' + dd.getHours() : dd.getHours();
	var min= parseInt(dd.getMinutes() /10) + '0';
	$('.course').find('ul').eq(1).find('span').eq(0).text(mon+'月'+day+'日 '+hou+':'+min)
}

//首页banner轮播
function banner(){
	var banner_obj = $('.banner .banner_b').find('a')
  var hover_obj = $('.banner .banner_b').find('p span')
  var len = $('.banner_b a').length - 1 // banner 图片数量
	var index = 0;
	var timer = '';
	banner_obj.on('mouseover', function(){
		clearInterval(timer);
	});
	banner_obj.on('mouseout', function(){
		timer = setInterval(function(){
			index++;
			shift_obj();
		},4000)
	});
	hover_obj.on('mouseover',function(){
		clearInterval(timer);
		index = $(this).index();	
		shift_obj();
	})
	hover_obj.on('mouseout',function(){
		timer = setInterval(function(){
			index++;
			shift_obj();
		},4000)
	})
	var shift_obj = function(){
		if(index > len){
			index = 0;
		}
		if (index < 0){
			index = len;
		}
		banner_obj.stop(true, false);
		banner_obj.eq(index).css({'display':'block'}).animate({'opacity':1}, 1000,function(){
		}).siblings('a').animate({'opacity':0}, 1000,function(){
			banner_obj.eq(index).siblings('a').css({'display':'none'})
		});
		hover_obj.eq(index).addClass('active').siblings().removeClass('active');
	}
	timer = setInterval(function(){
    	index ++ ;
    	shift_obj();
    }, 4000)
}
</script>
</body>
<script type="text/javascript" src="/nav.js"></script>
</html>

