@charset "gb2312";
/* CSS Document */
/**漂浮导航**/

.tabtit{width:100%;position:relative;min-width:1200px; }
.nav{width:100%;height:90px;line-height:90px;background:#f3f3f3; position: relative;z-index:99; position:fixed;}
.condiv{ width:1200px; height:auto; margin:0 auto; position:relative; min-width:1200px; text-align:center;}
.tabtit .nav-logo{float:left;height:72px; background:url(../images/logo.jpg) center 10px no-repeat; width:127px;background-size: 86%;}
.tabtit ul{float:right;width:820px;height:auto;line-height:90px; height:90px;}
.tabtit ul li{width:112px;height:90px;float:left;margin-right:19px; text-align:center;cursor: pointer;position: relative; overflow:hidden;}
.tabtit ul li span{color:#fff;font-size:16px; display: inline-block;}
.tabtit.top .nav { position: fixed; z-index: 20; top:0;display:block; height:60px; background:#fff;    line-height: 60px;}
.tabtit.top ul,.tabtit.top ul li{ height:60px; line-height:60px;}
.tabtit.top .nav-logo{ background:url(../images/logo.png) 20px no-repeat; height:47px; width: 127px;background-size: 72%;}


.tabtit ul li div{width:82px;height:90px;line-height:90px;position:absolute;text-align:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.tabtit.top ul li div{ height:60px; line-height:60px;}

.tabtit ul li .one{top:-90px;left:0;z-index:1;color:#333;opacity:0;}
.tabtit ul li:hover .one{top:0px;left:0;opacity:1;/*-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);*/}
.tabtit ul li .one span{color:#333;text-decoration:none;}
.tabtit.top ul li .one span{ color:#333;font-size:16px;}

.tabtit ul li .two{bottom:0px;left:0;z-index:2;color:#333;}
.tabtit ul li:hover .two{bottom:-90px;left:0;}
.tabtit ul li .two span{color:#333;text-decoration:none;}
.tabtit.top ul li .two span{ color:#333;font-size:16px;}
/*banner*/
.banner{width:100%; min-width:1200px; position:relative;margin:0 auto;}
.banner1{width:100%; background:url(../images/banner.jpg) center no-repeat;height:360px;padding-top:125px;}
.banner1 p{width:260px;height:45px; line-height:45px;color:#fff;border:1px #fff solid; text-align:center; font-size:22px;margin:0 auto;}
.banner2{width:100%;background:url(../images/banner1.jpg) center no-repeat;height:335px;}
/*物联网智能时代已向我们走来*/
.zoulai{width:100%;min-width:1200px; position:relative;margin:0 auto;height:722px;background:#fff;}
.zl_center{width:1200px;margin:0 auto;}
.div_h2{width:100%; text-align:center;font-size:36px; color:#222222;padding-top:90px;}
.div_h2 span{color:#02fafa;}
.div_title{width:100%; text-align:center; font-size:16px; color:#666;margin-top:15px;}
.zl_content{width:100%;background:#f0f3f5;border-radius:20px;height:366px;margin-top:70px;box-shadow: 0px 15px 23px rgba(32,34,30,0.18);}
.zc_left{ float:left;width:726px;background:#10202b;height:366px;border-radius:20px 0px 0px 20px;}
.zc_left ul{margin-top:20px;}
.zc_left ul li{ float:left;width:103px;height:103px;margin-left:35px;margin-top:36px;}
.zc_left ul li p{width:100%;color:#0e2332; text-align:center; font-size:14px;margin-top:72px;}
.zc_left ul .zl_01{ background:url(../images/lai1.png) no-repeat;}
.zc_left ul .zl_02{ background:url(../images/lai2.png) no-repeat;}
.zc_left ul .zl_03{ background:url(../images/lai3.png) no-repeat;}
.zc_left ul .zl_04{ background:url(../images/lai4.png) no-repeat;}
.zc_left ul .zl_05{ background:url(../images/lai5.png) no-repeat;}
.zc_left ul .zl_06{ background:url(../images/lai6.png) no-repeat;}
.zc_left ul .zl_07{ background:url(../images/lai7.png) no-repeat;}
.zc_left ul .zl_08{ background:url(../images/lai8.png) no-repeat;}
.zc_left ul .zl_09{ background:url(../images/lai9.png) no-repeat;}
.zc_left ul .zl_10{ background:url(../images/lai10.png) no-repeat;}
.zc_right{ float:right;width:395px;height:248px; overflow:hidden;border-radius:20px; position:relative;margin-right:36px;margin-top:58px;}
.zc_right .bo1{transition: .8s;-webkit-transition: .8s;}
.zc_right .bo1:hover{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s;}
.bo{width:38px;height:38px; position:absolute;left:20px; bottom:20px;}
.zc_right p{ position:absolute;left:0px;right:0px;margin:0 auto; font-size:14px;color:#fff; top:84px;padding:0px 36px; line-height:25px;}
#video_01,#video_02{width:724px;height:440px;padding: 15px 10px 10px 10px; overflow:hidden}
/*物联网风头正劲，你身边90%的企业正在急招专业人才*/
.rencai{width:100%;min-width:1200px;  background:#f0f3f5;height:860px;position:relative;margin:0 auto;}
.rc_center{width:1200px;height:auto; margin:0 auto; position:relative;text-align:center;}
.t-pro{width:1066px; height:402px; margin:0 auto; background:#fff; position:relative; margin-top:70px; margin-bottom:54px;}
.t-pro-f{width:39px; height:64px; position:absolute; top:166px; left:0px; z-index:99; cursor:pointer; text-align:center;}
.t-pro-g{ width:39px; height:64px; position:absolute; top:166px; right:0px; z-index:99; cursor:pointer; text-align:center;}
.t-pro-h{width:1066px; height:402px; margin:0 auto; overflow:hidden;}
.t-pro-d{ width:1066px; height:402px; margin:0 auto; display:table;}
.t-pro-d li{ float:left;width:1066px; height:402px;}
.t-pro-left{ width:397px; height:402px; background:#1b1e35; float:left;}
.t-pro-left p{ font-size:24px; color:#fff; padding-top:108px;}
.t-pro-left p span{ display:block; font-size:36px; color:#ffaa23; font-weight:bold; margin-top:8px;}
.t-pro-left em{ font-style:normal; font-size:14px; color:#fff; display:block; margin-top:100px;}
.t-pro-right{ float:left; width:669px; height:402px; background:#fff;}
.t-pro-right p{ font-size:20px; color:#555; margin-top:30px; margin-bottom:40px;}
.t-pro-two{ background:#6476ff; float:left; font-size:24px; color:#fff; width:24px; line-height:26px;padding: 32px 69px;}
.t-pro-img{ margin-top:38px;}
.t-pro-one{ float:left; width:64px; background:#ac8bfe; height:264px;/*writing-mode: vertical-lr;从左向右 从右向左是*/ writing-mode: vertical-rl;    
   /* writing-mode: tb-lr;IE浏览器的从左向右 从右向左是 */ writing-mode: tb-rl;  font-size:24px; color:#fff; line-height:34px; padding:69px 49px; }
.t-pro-top{ margin-top:56px;}

.outlin-ico{ font-size:16px; color:#10202b; width:256px; height:53px; line-height:53px; border-radius:4px; display:inline-block; position:relative; margin:0 14px; overflow:hidden;     margin-top: 20px;}
.outlin-ico a{width:256px;height:53px;line-height:53px;position:absolute;text-align:center;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}

.outlin-ico .incom-link{top:-50px;left:0;z-index:1;color:#10202b;opacity:0; background:#0ee7e7; border-radius:4px;}
.outlin-ico:hover .incom-link{top:0px;left:0;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
.outlin-ico .incom-link span{color:#10202b;text-decoration:none; background:#0ee7e7;}

.outlin-ico .incom-link02{bottom:0px;left:0;z-index:2;color:#10202b; background:#0ee7e7; border-radius:4px;}
.outlin-ico:hover .incom-link02{bottom:-50px;left:0;}
.outlin-ico .incom-link02 span{color:#10202b;text-decoration:none; background:#0ee7e7;}
/*华清远见物联网培训课程，6大核心引领技术热潮*/
.rechao{width:100%;min-width:1200px;height:859px; background:url(../images/liubei.jpg) center no-repeat;position:relative;margin:0 auto;}
.rc_fen{width:100%;}
.rc_fen .prolist{width:100%;margin-top:80px;}
.rc_fen .prolist li{float:left; position:relative;margin-left:5px;}
.list_01{width:194px;height:428px;background:url(../images/liu01.png) no-repeat;}
.list_011{width:194px;height:428px;background:url(../images/liu02.png) no-repeat;}
.list_012{width:194px;height:428px;background:url(../images/liu03.png) no-repeat;}
.list_013{width:194px;height:428px;background:url(../images/liu04.png) no-repeat;}
.list_014{width:194px;height:428px;background:url(../images/liu05.png) no-repeat;}
.list_015{width:194px;height:428px;background:url(../images/liu06.png) no-repeat;}
.list_01 p{width:100%; text-align:center; font-size:18px;color:#fff;padding-top:260px;line-height:28px;}
.list_011 p{width:100%; text-align:center; font-size:18px;color:#fff;padding-top:260px;line-height:28px;}
.list_012 p{width:100%; text-align:center; font-size:18px;color:#fff;padding-top:260px;line-height:28px;}
.list_013 p{width:100%; text-align:center; font-size:18px;color:#fff;padding-top:260px;line-height:28px;}
.list_014 p{width:100%; text-align:center; font-size:18px;color:#fff;padding-top:260px;line-height:28px;}
.list_015 p{width:100%; text-align:center; font-size:18px;color:#fff;padding-top:260px;line-height:28px;}
.list_02{width:207px;height:457px;background:url(../images/liu.jpg) no-repeat; position:absolute;top:-15px;left:0px; z-index:20;}
.list_02 p{color:#fff; font-size:14px; line-height:25px;padding:120px 20px;}
/*私人专属学习方案，3大阶段全面掌握物联网*/
.wulian{width:100%;min-width:1200px;background:#f0f3f5;position:relative;margin:0 auto;padding-bottom:80px;}
.wl_01{width:100%;background:#fff;height:474px;margin-top:78px;}
.wl_left{float:left;width:247px;height:474px;background:#0e2332;}
.wl_left p{width:100%;font-size:24px; color:#fff;padding-top:180px;}
.wl_left p span{ display:block; font-size:18px;margin-top:10px;}
.wl_left img{margin-top:30px;}
.wl_right{float:right;width:953px;height:474px;}
.wl_right1 {width:100%;}
.wl_right1 ul{width:100%; position:relative;}
.wl_right1 ul li{float:left; text-align:left;margin-top:20px;}
.wl_right1 ul li p{color:#333333; font-size:16px;padding-top:24px;padding-left:25px;padding-bottom:5px; font-weight:bold;}
.wl_right1 ul li span{font-size:14px; color:#333; display:block;margin-left:24px;margin-top:5px;}
.wl_right1 ul .wr_01{width:283px;height:139px; background:url(../images/jie1.png) no-repeat;margin-left:24px;}
.wl_right1 ul .wr_02{width:369px;height:141px; background:url(../images/jie2.png) no-repeat;margin-left:10px;}
.wl_right1 ul .wr_03{width:225px;height:295px; background:url(../images/jie3.png) no-repeat;margin-left:10px;}
.wl_right1 ul .wr_04{width:283px;height:139px; background:url(../images/jie4.png) no-repeat; position:absolute;left:24px;top:155px;}
.wl_right1 ul .wr_05{width:369px;height:141px; background:url(../images/jie5.png) no-repeat;position:absolute;right:263px;top:155px;}
.wl_right2{width:100%;height:133px; background:#daf0ef;margin-top:26px;}
.wl_right2 ul{width:100%; text-align:left;}
.wl_right2 ul li{float:left; font-size:14px; color:#333;padding-left:32px;}
.wl_right2 ul li p{width:100%;padding-top:20px;padding-bottom:8px; font-weight:bold;}
.wl_right2 ul li span{ line-height:24px;}

.wl_02{width:100%;background:#fff;height:564px;margin-top:60px;}
.wl_right3 {width:100%;}
.wl_right3 ul{width:100%; position:relative;}
.wl_right3 ul li{float:left; text-align:left;margin-top:20px;}
.wl_right3 ul li p{color:#333333; font-size:16px;padding-top:24px;padding-left:25px;padding-bottom:5px; font-weight:bold;}
.wl_right3 ul li span{float:left;font-size:14px; color:#333; display:block;margin-left:24px;margin-top:5px; line-height:24px;}
.wl_right3 ul .wr_01{width:283px;height:193px; background:url(../images/jie21.png) no-repeat;margin-left:24px;}
.wl_right3 ul .wr_02{width:369px;height:195px; background:url(../images/jie22.png) no-repeat;margin-left:10px;}
.wl_right3 ul .wr_03{width:225px;height:370px; background:url(../images/jie24.png) no-repeat;margin-left:10px;}
.wl_right3 ul .wr_04{width:665px;height:164px; background:url(../images/jie23.png) no-repeat; position:absolute;left:24px;top:206px;}

.wl_right4 {width:100%;}
.wl_right4 ul{width:100%; position:relative;}
.wl_right4 ul li{float:left; text-align:left;margin-top:20px;}
.wl_right4 ul li p{color:#333333; font-size:16px;padding-top:24px;padding-left:25px;padding-bottom:5px;font-weight:bold;}
.wl_right4 ul li span{float:left;font-size:14px; color:#333; display:block;margin-left:24px;margin-top:5px; line-height:24px;}
.wl_right4 ul .wr_01{width:255px;height:169px; background:url(../images/jie31.png) no-repeat;margin-left:24px;}
.wl_right4 ul .wr_02{width:192px;height:169px; background:url(../images/jie32.png) no-repeat;margin-left:10px;}
.wl_right4 ul .wr_03{width:192px;height:169px; background:url(../images/jie34.png) no-repeat;margin-left:10px;}
.wl_right4 ul .wr_04{width:225px;height:216px; background:url(../images/jie36.png) no-repeat;margin-left:10px;}
.wl_right4 ul .wr_05{width:459px;height:168px; background:url(../images/jie33.png) no-repeat;position:absolute;left:24px;top:180px;}
.wl_right4 ul .wr_06{width:192px;height:168px; background:url(../images/jie35.png) no-repeat;position:absolute;left:492px;top:180px;}
.wl_right4 ul .wr_07{width:225px;height:124px; background:url(../images/jie37.png) no-repeat;position:absolute;right:35px;top:225px;}

/*5大物联网实战项目，提升你的动手实践能力*/
.nengli{width:100%;min-width:1200px;height:2586px;background:url(../images/tbei.jpg) no-repeat;position:relative;margin:0 auto;}
.nl_content{width:1094px;margin:0 auto;text-align:center;margin-top:60px;}
.tab-hd {overflow:hidden; zoom:1;margin-left:172px;}
.tab-hd li{ float:left;height:120px; width:150px; color:#fff; text-align:center; cursor:pointer;}
.tab-hd li.active {width:150px;height:120px;}
.tab-hd li.active p{color:#12e3e3; font-size:14px;margin-top:85px;}
.tab-hd li p{color:#fff; font-size:14px;margin-top:85px;}
.color01{background:url(../images/wu11.png) top no-repeat;width:76px;height:76px;}
.color02{background:url(../images/wu22.png) top no-repeat;width:76px;height:76px;}
.color03{background:url(../images/wu33.png) top no-repeat;width:76px;height:76px;}
.color04{background:url(../images/wu44.png) top no-repeat;width:76px;height:76px;}
.color05{background:url(../images/wu55.png) top no-repeat;width:76px;height:76px;}
.color01.active {background:url(../images/wu1.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s; }
.color02.active {background:url(../images/wu2.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.color03.active {background:url(../images/wu3.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.color04.active {background:url(../images/wu4.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.color05.active {background:url(../images/wu5.png) top no-repeat;width:76px;height:76px;-webkit-transition: .4s;transition: .4s;}
.tab-bd{width:100%;background:#fff;margin-top:30px;height:505px;box-shadow: 0px 15px 23px rgba(32,34,30,0.18);border-radius:15px; text-align:left;}
.tab-bd li{display:none;}
.tab-bd li.thisclass{ display:list-item;}
.nlc_left{float:left;width:504px;margin-left:40px;margin-top:35px;}
.n_01{width:504px;height:284px;}
.n_02{width:232px;height:122px;border-radius:8px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.2);margin-left:10px;margin-top:20px;}
.nlc_right{float:right;width:458px;margin-top:35px;margin-right:40px;}
.nr_01{width:100%;border-bottom:1px #eeeeee solid;padding-bottom:25px;}
.nr_01 p{color:#0ba0aa; font-size:16px; font-weight:bold;}
.nr_01 span{ display:block;color:#444444; font-size:14px;margin-top:10px; line-height:24px;}
.nr_02{width:100%;margin-top:25px;}
.nr_02 p{color:#0ba0aa; font-size:16px; font-weight:bold;}
.nr_02 span{float:left; display:block;color:#444444; font-size:14px;margin-top:10px; line-height:26px;}

.lanren{width:100%; overflow:hidden;margin:0 auto;margin-top:80px;}
.lanren ul li{width:281px;height:450px;float:left;margin-left:10px;margin-right:8px;position:relative;overflow:hidden;cursor:pointer;transition: .4s;-webkit-transition: .4s;}
.lanren ul li h3{width:100%;font-size:16px;height:80px;text-align:center; line-height:25px;margin-top:16px;background:url(../images/1px.png) repeat;position:absolute;left:0;bottom:0;color:#fff; overflow:hidden;padding-top:16px;}
.lanren ul li h3 span{ font-size:14px; display:block;}
.lanren ul li:hover .txt{width:281px;height:320px;background:url(../images/1px.png) repeat;transition: .4s;-webkit-transition: .4s;position:absolute;bottom:-332px;left:0;color:#fff;-webkit-transform: translateY(-320px);transform: translateY(-320px);}
.lanren .txt p{font-size:14px;text-align:center;padding-top:20px;padding-left:30px;padding-right:30px; text-align:left; line-height:24px;}

/*学员*/
.t-stu{ width:100%; background:url(../images/back03.jpg) center no-repeat; height:852px; min-width:1200px;}
.t-stu-scoll{ background:url(../images/back04.png) center no-repeat; width:866px; height:442px; margin:0 auto; margin-top:60px; margin-bottom:30px;}
.stu_gaoxin_list{width:812px;height:52px; margin:0 auto; border-bottom:1px #ebebeb solid; position: relative; top: 10px;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt{line-height:52px;}
.stu_gaoxin_list tr.stu_gaoxin_list_bt td{color:#111; text-align:center;font-size:16px;}
.t01{ width:96px;}
.t02{ width:180px !important;}
.t03{ width:248px !important;}
.stu_work2{width:812px;height:354px; margin:0 auto; overflow: hidden; margin-top: 10px;}
.stu_list li{background:#fff;line-height:50px;height: 50px; border-bottom: 1px #eee solid;}
.stu_list li p{width:96px;color:#999;font-size:14px; text-align:center;float:left;}
.stu_list li p.t04,.stu_list li:hover p.t04{ color:#ff8a2c;}
.stu_list li:hover p{ color:#666;}

/*华清远见物联网课程，适合哪些人群学习？*/
.renqun{width:100%;min-width:1200px;height:759px;background:#0e2332;position:relative;margin:0 auto;}
.rq_content{width:100%;margin:0 auto;}
.rq_content ul{width:100%;margin-top:100px;}
.rq_content ul li{float:left;width:288px;height:377px;margin-left:6px;margin-right:5px;}
.rq_content ul li p{ text-align:center; font-size:18px;color:#333333; font-weight:bold;padding-top:130px;}
.rq_content ul li span{padding:32px 20px; color:#333333; font-size:14px; display:block;line-height:25px;}
.rq_content ul .rq_01{background:url(../images/users1.png) no-repeat;}
.rq_content ul .rq_02{background:url(../images/users2.png) no-repeat;margin-top:30px;}
.rq_content ul .rq_03{background:url(../images/users3.png) no-repeat;}
.rq_content ul .rq_04{background:url(../images/users4.png) no-repeat;margin-top:30px;}
/*培训机构那么多，为什么都选择华清远见？*/
.why{width:100%;min-width:1200px;height:935px;background:#f0f3f5;position:relative;margin:0 auto;}
.div_01{width:100%;height:39px;line-height:39px; background:url(../images/title01.png) center no-repeat;margin-top:50px;}
.div_01 p{ font-size:18px;color:#fff; text-align:center;padding-left:60px;}
.swiper-container {
  width: 100%;
  height: 100%;

}
.swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.why_con{width:100%;}
.wc_con{width:100%;background:#ffffff;height:459px;margin-top:82px;margin-bottom:80px;}
.wc_left{float:left;width:272px;height:459px;background:#3a8fb9;padding-top:60px;}
.wc_l{width:200px;height:134px;border:1px #fff solid;margin:0 auto; text-align:center;}
.wc_l p{ font-size:30px; font-weight:bold; color:#fff;margin-top:25px;}
.wc_l span{ display:block; font-size:16px;color:#fff;margin-top:15px;}
.wc_left img{width:92px;height:33px;margin:0 auto;margin-top:45px;}
.wc_right{float:right;width:910px;padding-top:20px;}
.wc_right ul{width:100%;}
.wc_right ul li{float:left;width:134px;height:183px; position:relative;margin-left:36px;margin-top:15px;}
.wc_right ul li img{width:134px;height:183px;}
.wcr_01{width:118px;height:166px;background:url(../images/bbbb.png) no-repeat; position:absolute; top:4px;left:8px;}
.wcr_01 p{ font-size:12px;color:#fff; line-height:20px;}
.wc_right1{float:right;width:910px;padding-top:32px;}
.wc_right1 ul{width:100%;}
.wc_right1 ul li{float:left;width:194px;position:relative;margin-left:20px;margin-top:15px;}
.wc_right1 ul li img{width:194px;height:133px;}
.wc_right1 ul li p{width:100%; color:#444444; font-size:14px; text-align:center; height:40px; line-height:40px;margin-top:5px;}
.wc_right2{float:right;width:910px;padding-top:32px;}
.wc_right2 p{width:140px;height:30px;line-height:30px;color:#000000; font-size:16px; text-align:center;border:1px #000 solid;border-radius:14.5px;margin:0 auto;}

.w-pro{width:884px;position:relative;margin-top:20px;}
.w-pro-f{width:32px;height:32px;position:absolute; top:52px; left:20px; z-index:99; cursor:pointer; text-align:center;}
.w-pro-g{width:32px;height:32px;position:absolute; top:52px; right:27px; z-index:99; cursor:pointer; text-align:center;}
.w-pro-h{width:884px; height:133px; margin:0 auto; overflow:hidden;}
.w-pro-d{ width:100%; height:133px; margin:0 auto; display:table;}
.w-pro-d li{float:left;margin-left:20px; position:relative;}
.w-pro-d li img{width:194px;height:133px;}
.w_bo{width:194px;height:133px; background:url(../images/wbo.png) no-repeat; position:absolute;left:0px;top:0px;}
.w_bo p{width:100%; font-size:14px; color:#fff; border:none; padding-top:40px;}

/*完整的教学服务体系：踏踏实实学习，剩下的交给我们*/
.we{width:100%;min-width:1200px;height:1170px;background:#fff;position:relative;margin:0 auto;}
.we_02{width:100%;background:url(../images/feibei.jpg) center no-repeat;height:278px;}
.sc_con{width:100%; margin-top:52px;}
.sc_con ul{width:100%;}
.sc_con ul li{ float:left;width:223px;height:195px; background:#fff; border-radius:10px;margin-left:8px;margin-right:8px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);}
.sc_con ul li p{width:100%; font-size:18px; color:#444444; text-align:center; font-weight:bold;margin-top:30px;}
.sc_con ul li span{ display:block;color:#666666; font-size:14px; line-height:24px;padding-left:18px;padding-right:12px;margin-top:16px;}
.we_03{width:100%;min-width:1200px;height:500px;margin-top:90px;position:relative;}
.we_03 ul{}
.we_03 ul li{width:240px;height:214px;background:url(../images/dong1.png) no-repeat; position:absolute; text-align:center;}
.we_03 ul li img{margin-top:50px;}
.we_03 ul li p{ font-size:20px; color:#10202b; font-weight:bold;margin-top:10px;}
.we_03 ul li span{ font-size:16px;color:#666666;margin-top:5px; display:block;}
.we_04{width:240px;height:214px;background:url(../images/dong2.png) no-repeat; position:absolute; text-align:center; position:absolute;top:0px;left:0px;}

/*听说他们学完华清物联网课程，都去了这里！*/
.here{width:100%;min-width:1200px;height:522px;background:#f0f3f5;position:relative;margin:0 auto;}
.he_img{width:100%; text-align:center;}
.he_img img{width:1200px;height:236px;margin-top:10px;}

/*底部悬浮*/
.bottom{width:100%;height:195px; position: fixed; bottom: 0;min-width:1200px; z-index:99;}
.close-warp{width:180px;height:166px; position: absolute;left:0; display:none; cursor:pointer;bottom:0px;}
.bottom-warp{width:100%;height:195px;background:url(../images/baoming.png) bottom repeat-x;min-width:1200px; z-index:999; }
.bottom-img{width:885px;margin:0 auto; position: relative;}
.bottom-warp .xx{width:25px;height:25px; position: absolute;top:28px;right:-92px;cursor: pointer;}
/*dfoot*/
.dfoot{width:100%;min-width:1200px;height:195px; position:fixed;left:0px;bottom:0px;}
.btn-select {float:left; position: relative; display: inline-block; width: 134px; height: 40px; font-size:14px; font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; background: #fff;color: #999999;text-align:left; cursor:pointer;border-radius: 4px;box-shadow: 0 5px 15px 1px rgba(0,0,0,0.1);margin-left:8px;margin-right:8px;} 
.btn-select .cur-select { position: absolute; display: block; width: 134px; height: 40px; background:url(../images/king_zi.png) no-repeat 100px center;  padding-left: 20px; line-height: 40px;cursor:pointer; border-radius:4px;}
.btn-select select { position: absolute; top: 0; left: 0; width: 134px; height: 40px; opacity: 0; filter: alpha(opacity: 0;); font-size:14px; font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; cursor:pointer;}
.dfoot input{float:left;color:#333;}
.bm_input{width:132px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:10px;}
.bm_input3{width:140px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:18px;}
.bm_input4{width:140px;height:40px;border-radius:4px;font-size:14px;color: #333;background: #fff;cursor:pointer;padding-left: 20px;margin-left:18px;}
.z_btn{width:120px;height:40px;border-radius:4px;font-size:18px;color: #fff !important;background: #f9643c;cursor:pointer;margin-left:18px;}
.z_btn:hover{background:#e44015; transition:1s; -webkit-transition:1s;}
/*报名*/
input::-webkit-input-placeholder{ /*webkit内核浏览器*/
color:#999999;}
input:-moz-placeholder{/*firefox 1.8-*/
color:#999999;	}
input::-moz-placeholder{/*firefox 1.9+*/
color:#999999;	}
input:-ms-placeholder{
color:#999999;	}

.dfoot_center{float:right;width:700px;}
.dfoot_center p{ font-size:16px;color:#fff;padding-bottom:30px;}


/*后*/
.online_last{ width:100%; height:auto; background:#262829; text-align:center; margin:0 auto;padding-top:50px;padding-bottom:135px; position:relative;z-index:9;}
.online_lo{ width:100%; height:auto; display:table;border-bottom:1px #464646 solid;}
.online_lo li{ float:left;}
.online_go{ width:205px; height:155px;text-align:left;}
.online_go span{ font-size:14px; color:#969696; display:block;margin-top:12px;}
.online_go img{ margin-top:25px;margin-bottom: 4px;}
.online_ad{ width:635px; height:155px;text-align:left;padding-right: 5px;}
.online_ab{ float:left; width:105px;margin: 0 30px; text-align:left;}
.online_ab a{ font-size:14px; color:#999999;margin-bottom: 6px; display: inline-block;text-decoration: none;}
.online_ab a:hover{ border-bottom:1px #fff solid; color:#fff; -webkit-transition:.8s;text-decoration: none;}
.online_ab span{ font-size:16px; color:#b1b1b1; font-weight:bold; display:block; margin-bottom:22px;}
.online_ter{ width:208px;}
.online_ter span{ text-align:left;padding-left:10px;}
.online_ter a{ margin-left:10px;margin-right:10px; position:relative;}
.online_ac{width:138px;margin-left:58px;margin-right:0px;}
.online_ac a{ margin-left:5px;margin-right:5px; position:relative;}
.online_wei{ margin-left:20px;}
.online_are{ margin-left: 44px !important;}
.online_bo b{ margin-left:14px;}
.online_nose{ width:1200px; height:auto; text-align:center;margin-top:20px;}
.online_nose span{ font-size:12px; color:#898686;float:left;margin-right:30px; line-height:24px; display:block;}
.online_yin{ font-size:14px; color:#7e7a7a; background:#e8e9ef; border-radius:5px; position: absolute; top: 26px; width: 390px; z-index: 10; padding: 6px 10px;left: -195px; display:none;}
.online_yin b{ display:inline-block; margin-left:18px; font-weight:normal;}
.online_cang{ position: absolute;top: 20px; left: 9px; display:none;}
.online_cang1{ position: absolute;top: 0px; left: 9px; display:none;}
.online_bo b{font-size: 14px; font-weight:normal;color: #aca9a9;}

.header_title{ width:100%; height:40px; background:#474747; min-width:1200px;}
.header_left{ float:left;}
.header_jituan{ font-size:14px; color:#ddd; line-height:22px; text-align:left; float:left; width:422px;margin-top: 11px;text-indent: 0.9em;}
.header_phone{ font-size:14px; color:#fff; width:152px; height:40px; background:#219bed; float:left;line-height: 40px;}
.header_phone img{  margin-right: 10px; position: relative; top: 3px;}
.header_right{ float:right;}
.header_right p{color:#b1b1b1; font-size:16px; font-weight:bold; text-align:left;padding-left:12px;}
.header_right ul{padding-top:18px;}
.header_right li{ position:relative; cursor:pointer; float:left;padding:0 20px;text-align:center;}

.header_right .lweixin{background:url(../images/weix.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .lweixin span{ display:block; line-height:40px;margin-top:30px;}
.header_right .lweixin:hover{background:url(../images/weixin.png) center  0  no-repeat; color:#31c37c}
.header_right .lqq{background:url(../images/QQ.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .lqq span{  display:block; line-height:40px;margin-top:30px;}
.header_right .lqq:hover{background:url(../images/QQh.png) center  0  no-repeat; color:#31c37c}
.header_right .phone{background:url(../images/phone.png) center  0  no-repeat;margin-top:10px;font-size:14px;color:#999999;}
.header_right .phone span{display:block; line-height:40px;margin-top:30px;}
.header_right .phone:hover{background:url(../images/phoneh.png) center  0  no-repeat; color:#31c37c}
.header-img{ margin-top: 10px;}

.header_right { width: 264px; margin-left: 62px;}
.header_a{ font-size:14px; color:#fff;line-height: 40px;}
.laiweixin { width: 120px; height: 120px; position: absolute; top: 35px; right: -26px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiphone{font-size:14px; color:#7e7a7a; background:url(../images/icon.png) no-repeat;position: absolute; top: 56px; width: 100px; z-index: 10;right: -12px; display:none;width:120px;height:38px;line-height:38px;padding-top:2px;}
.laiweixin img{ margin-top: 15px;}

.laiqq { width: 120px; height: 120px; position: absolute; top: 15px; right: -40px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiqq img{ margin-top: 15px;}
.cnzz a{font-size: 12px; color: #898686; float:left;}