@charset "utf-8";
/* CSS Document */
.site_header_topbar .site_header_topbar_main ol{ height: auto !important; padding: 0 !important;}
.header_bg{height:80px;border-bottom:1px solid #ccc;}
.header_bg .header{ overflow:hidden;}
.header_bg .header .logo{ float:left;width:220px;height:52px;margin-top:14px;}
.header_bg .header .logo a{ display:block;width:220px;height:52px;}
.header_bg .header .nav{ float:right; overflow:hidden;}
.header_bg .header .nav li{ float:left;padding:0 15px;text-align:center;}
.header_bg .header .nav li a{line-height:80px; text-align:center;}
.header_bg .header .nav li a:hover{color:#ff8400;}
.header_bg .header .nav li .color{color:#ff8400;}

.banner_bg .banner{ position:relative;}
.banner_bg .banner img{width:100%;}
.banner_bg .banner a{ display:block;width:19%;height:6.8%;position:absolute;left:50%;margin-left:-10.2%;bottom:8%;}
/*软件开发的强大*/
.dashiqing_bg{background:url(../images/rj_bg_01.jpg) no-repeat 50% 0;}
.ruanjian_title *{display:block; text-align:center;font-size:44px;font-weight:bold;}
.ruanjian_title b{color:#fedd30;}
.ruanjian_title i{color:#fff;margin-top:10px;}
.ruanjian_title em{font-size:24px;color:#fff;margin-top:10px;}
.diyi_img img{margin:0 auto;margin-top:30px;}
/*在线咨询*/
.nline_consulting a{display:block;width:216px;height:42px;margin:0 auto;border:2px solid #fff; border-radius:10px;margin-top:30px;line-height:42px;font-size:24px;color:#fff; text-align:center;}
.nline_consulting a:hover{ background:#fff;color:#000;}
/*就业前景*/
.jy_qianjing_bg{background:url(../images/dier_bg.jpg) no-repeat 50% 0;}
.jiuye_qj{ background:url(../images/xz_shuyu_img.png) no-repeat 50% 110px;height:780px;}
#banner_slide{width:753px;height:483px;clear:both;overflow:hidden;position:relative;margin:0 auto;padding-top:85px;}
#banner_slide ul{width:753px;height:483px;float:left;position:absolute;clear:both;padding:0px;margin:0px;}
#banner_slide ul li{float:left;width:753px;height:483px;overflow:hidden;position:relative;padding:0px;margin:0px;}
#banner_slide .preNext{width:550px;height:447px;position:absolute;top:85px;cursor:pointer;}
#banner_slide .pre{left:0;background:url(../images/sprite.png) no-repeat left center;}
#banner_slide .next{right:0; background:url(../images/sprite1.png) no-repeat right center;}
/*百天实战教学*/
.baitian_bg{background:#6dcfda;}
.bt_img img{margin:0 auto;}
/*零基础*/
.lingjichu_bg{background:url(../images/lingjichu_bg.jpg) no-repeat 50% 0;}
.ljc_img{overflow:hidden;margin-top:30px;}
.ljc_img li{float:left;width:236px;margin:0 7px;}
.ljc_img li span{display:block;width:236px;height:216px; background:#fedd30;margin-bottom:4px; border-radius:8px;}
.ljc_img li span img{margin:0 auto 10px auto;padding-top:46px;transition:All 0.8s ease-in-out;-webkit-transition:All 0.8s ease-in-out;-moz-transition:All 0.8s ease-in-out;-o-transition:All 0.8s ease-in-out;}
.ljc_img li span b{ display:block; text-align:center;font-size:18px;color:#202b3d;font-weight:bold;}
.ljc_img li span p{font-size:14px;color:#202b3d;line-height:22px;padding:40px 30px 0 30px;}

.ljc_img li:hover span img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
/*9大优势教学资源*/
.jiaoxue_bg{background:#51dabc;}
.jxzy_all{overflow:hidden;width:1040px;margin:0 auto;margin-top:40px;}
.jxzy_all .jxtitle{width:480px; float:left; overflow:hidden;}
.jxzy_all .jxtitle span{ display:block; float:left;width:147px;height:147px;margin:10px 6px; cursor:pointer; border-radius:74px;}
.jxzy_all .jxtitle .jx_01{background:url(../images/jxzy_01.png) no-repeat;}
.jxzy_all .jxtitle .jx_02{background:url(../images/jxzy_02.png) no-repeat;}
.jxzy_all .jxtitle .jx_03{background:url(../images/jxzy_03.png) no-repeat;}
.jxzy_all .jxtitle .jx_04{background:url(../images/jxzy_04.png) no-repeat;}
.jxzy_all .jxtitle .jx_05{background:url(../images/jxzy_05.png) no-repeat;}
.jxzy_all .jxtitle .jx_06{background:url(../images/jxzy_06.png) no-repeat;}
.jxzy_all .jxtitle .jx_07{background:url(../images/jxzy_07.png) no-repeat;}
.jxzy_all .jxtitle .jx_08{background:url(../images/jxzy_08.png) no-repeat;}
.jxzy_all .jxtitle .jx_09{background:url(../images/jxzy_09.png) no-repeat;}
.jxzy_all .jxtitle .jx_01:hover{background:url(../images/jxzy_jh_1.png) no-repeat;}
.jxzy_all .jxtitle .jx_02:hover{background:url(../images/jxzy_jh_2.png) no-repeat;}
.jxzy_all .jxtitle .jx_03:hover{background:url(../images/jxzy_jh_3.png) no-repeat;}
.jxzy_all .jxtitle .jx_04:hover{background:url(../images/jxzy_jh_4.png) no-repeat;}
.jxzy_all .jxtitle .jx_05:hover{background:url(../images/jxzy_jh_5.png) no-repeat;}
.jxzy_all .jxtitle .jx_06:hover{background:url(../images/jxzy_jh_6.png) no-repeat;}
.jxzy_all .jxtitle .jx_07:hover{background:url(../images/jxzy_jh_7.png) no-repeat;}
.jxzy_all .jxtitle .jx_08:hover{background:url(../images/jxzy_jh_8.png) no-repeat;}
.jxzy_all .jxtitle .jx_09:hover{background:url(../images/jxzy_jh_9.png) no-repeat;}

.jxzy_all .jximg{float:right;width:520px;}
/*多模式教学设计 */
.pos_rel{position:relative;}
.pos_abs{position:absolute;}
.ui_big_title{font-size:24px;}
.teacher_bg{background:url(../images/shizi_bg.jpg) no-repeat 50% 0;height:900px;}
.ui_cycle{width:1000px;height:750px;margin:0 auto;padding-top:30px; position:relative;}
.ui_cycle .special{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-left:5px;background:url(../images/pic_all.png) no-repeat 0px -194px;} 
.ui_cycle a{font-size:18px;color:#51dabc;margin-left:2px;font-weight: bold;}
.ui_cycle .ui_title{padding: 15px 0;}
.ui_cycle .ui_title_p{padding:0 0 15px;}
.ui_cycle_box{width:1000px;height:504px;background:url(../images/ui_cycle_bg.png) no-repeat 0 0;margin-top:30px;}
.ui_cycle_word1{width:240px;height:170px;top:155px;left:226px;text-align:right;}
.ui_cycle_word1 p{font-size:14px;line-height:22px;	}
.ui_cycle_word1 p a{font-size:16px;}
.ui_cycle_word1 p.ui_cycle_title{padding-bottom:10px;font-size:16px;font-weight: bold;}
.ui_cycle_word1 p.ui_cycle_spc{padding-top:20px;}
.ui_cycle_word2{width:300px;height:170px;top:155px;left:525px;text-align:left;}
.ui_cycle_word2 p{font-size:14px;line-height:22px;}
.ui_cycle_word2 p a{font-size:14px;}
.ui_cycle_word2 p.ui_cycle_title{padding-bottom:10px;font-size:16px;font-weight: bold;}
.ui_cycle_word2 p.ui_cycle_spc{padding-top:20px;}
.ui_cycle_btn1,.ui_cycle_btn2,.ui_cycle_btn3{width:21px;height:21px;z-index:5;background:url(../images/ui_cycle_btn.png) no-repeat;}
.ui_cycle_btn1{top:155px;left:484.5px;background-position:0 0;}
.ui_cycle_btn2{top:192px;left:484.5px;background-position:0 -33px;}
.ui_cycle_btn3{top:275px;left:484.5px;background-position:0 -121px;}
.ui_cycle_line1{width:2px;height:186px;top:145px;left:494px;background:#51dabc;}
.ui_line_all .ui_line_all1{width: 410px;height: 2px;background: #51dabc;position: absolute;top: 331px;left: 86px;}
.ui_line_all .ui_line_all2{width: 410px;height: 2px;background: #51dabc;position: absolute;top: 331px;right: 96px;}
.ui_line_all .ui_line_all3{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 86px;}
.ui_line_all .ui_line_all4{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 188px;}
.ui_line_all .ui_line_all5{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 290px;}
.ui_line_all .ui_line_all6{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 393px;}
.ui_line_all .ui_line_all7{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 494px;}
.ui_line_all .ui_line_all8{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 596px;}
.ui_line_all .ui_line_all9{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 699px;}
.ui_line_all .ui_line_all10{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;left: 801px;}
.ui_line_all .ui_line_all11{width: 2px;height: 25px;background: #51dabc;position: absolute;top: 331px;right: 96px;}
.ui_cycle_smallpic{width:1000px;height:240px;top:352px;left:0;}
.ui_cycle_smallpic dl{width:70px;height:110px;position: absolute;}
.ui_cycle_smallpic dl dt{width:69px;height:80px;margin-bottom: 10px;}
.ui_cycle_smallpic dl dd{width: 70px;height: 30px;text-align: center;line-height: 30px;font-size: 12px;}
.ui_cycle_smallpic .pos_dl_01{top: 0;left: 51px;}
.ui_cycle_smallpic .pos_dl_02{top: 0;left: 153px;}
.ui_cycle_smallpic .pos_dl_03{top: 0;left: 256px;}
.ui_cycle_smallpic .pos_dl_04{top: 0;left: 358px;}
.ui_cycle_smallpic .pos_dl_05{top: 0;left: 460px;}
.ui_cycle_smallpic .pos_dl_06{top: 0;left: 562px;}
.ui_cycle_smallpic .pos_dl_07{top: 0;left: 663px;}
.ui_cycle_smallpic .pos_dl_08{top: 0;left: 765px;}
.ui_cycle_smallpic .pos_dl_09{top: 0;left: 868px;}
.ui_cycle_smallpic dl:nth-child(1):hover dt{background: url("images/ui_cycle_1.png") no-repeat 16px 24px;}
.ui_cycle_smallpic dl:nth-child(2):hover dt{background: url("images/ui_cycle_2.png") no-repeat 17px 24px;}
.ui_cycle_smallpic dl:nth-child(3):hover dt{background: url("images/ui_cycle_3.png") no-repeat 17px 20px;}
.ui_cycle_smallpic dl:nth-child(4):hover dt{background: url("images/ui_cycle_4.png") no-repeat 14px 24px;}
.ui_cycle_smallpic dl:nth-child(5):hover dt{background: url("images/ui_cycle_5.png") no-repeat 15px 25px;}
.ui_cycle_smallpic dl:nth-child(6):hover dt{background: url("images/ui_cycle_6.png") no-repeat 20px 25px;}
.ui_cycle_smallpic dl:nth-child(7):hover dt{background: url("images/ui_cycle_7.png") no-repeat 20px 24px;}
.ui_cycle_smallpic dl:nth-child(8):hover dt{background: url("images/ui_cycle_8.png") no-repeat 13px 31px;}
.ui_cycle_smallpic dl:nth-child(9):hover dt{background: url("images/ui_cycle_9.png") no-repeat 15px 22px;}
.ui_hide{display: none;}
.ui_cycle_smallpic dl{cursor: pointer;}
.ui_cycle_smallpic dl dd a{font-size: 12px;color: #000;margin:0;}
.ui_cycle_pic{width:1000px;height:240px;top:509px;left:0;}
.ui_cycle_pic dl{position:absolute;width:140px;height:240px;text-align:center;}
.ui_cycle_pic dl dt{margin-bottom: 28px;}
.ui_cycle_pic dl dt img{transition: all 0.6s;margin:0 auto;}
.ui_cycle_pic dl dt img.pic_big{-webkit-transform: scale(1.6,1.6);-moz-transform: scale(1.6,1.6);-ms-transform: scale(1.6,1.6);-o-transform: scale(1.6,1.6);transform: scale(1.6,1.6);}
.ui_cycle_pic dl dd:nth-child(2){padding-bottom: 10px;}
.ui_detail{display: none;}
.ui_detail_now{display: block;}
.ui_cycle_pic dl dd:nth-child(3){font-size: 12px;color: #666;}
.ui_cycle_pic .p_dl_01{top:0;left:25px;}
.ui_cycle_pic .p_dl_02{top:0;left:180px;}
.ui_cycle_pic .p_dl_03{top:0;left:345px;}
.ui_cycle_pic .p_dl_04{top:0;left:505px;}
.ui_cycle_pic .p_dl_05{top:0;left:670px;}
.ui_cycle_pic .p_dl_06{top:0;left:830px;}

.moshi_img img{position:absolute;}
.moshi_img .ms_lt{left:60px;top:150px;}
.moshi_img .ms_rt{right:60px;top:150px;}
/*项目展示*/
.xiangmu_bg{background:#fedd30;}
.xiangmu{ background:url(../images/xiangmu_diannao.png) no-repeat 51% 70px;height:717px;}
/*banner*/
.banner_all{width:658px;height:380px;margin:0 auto;padding-top:59px;}
.focus{position:relative;width:658px;height:380px;background-color:#000;}  
.focus img{width: 658px; height: 380px;} 
.focus .shadow .title{width:260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:15px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#fff; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}
/*班型*/
.banxing_bg{background:#202b3d;}
.banxing .bximg{overflow:hidden;width:1116px;margin:0 auto;margin-top:30px;}
.banxing .bximg img{float:left;margin:0 5px;}
/*6大福利*/
.fuli_bg{background:url(../images/fuli_bg.jpg) no-repeat 50% 0;}
.fuliall{overflow:hidden;width:1056px;margin:0 auto;padding-top:30px;}
.fuliall li{float:left;width:146px;margin:0 15px;}
.fuliall li span{ display:block;width:146px;height:128px; background:url(../images/fuli_border.png) no-repeat;}
.fuliall li span img{padding-top:19px;margin:0 auto;transition:All 0.8s ease-in-out;-webkit-transition:All 0.8s ease-in-out;-moz-transition:All 0.8s ease-in-out;-o-transition:All 0.8s ease-in-out;}
.fuliall li b{ display:block;color:#fedd30;font-size:22px; text-align:center;line-height:48px;font-weight:bold;}
.fuliall li i{ display:block; text-align:center;font-size:18px;color:#fff;line-height:26px;}
.fuliall li:hover span img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);}
.fl_problem{overflow:hidden;width:1152px;margin:0 auto;padding-top:40px;}
.fl_problem a{display:block;float:left;margin:30px 10px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.fl_problem a:hover{ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}