@charset "gb2312";
/* CSS Document */

/*banner*/
.banner_top{ width:100%; height:350px; background:url(../images/banner.jpg) center no-repeat;}
.banner_bottom{width:100%; height:350px; background:url(../images/banner01.jpg) center no-repeat;}
.basic_a{ float:left; margin-left:60px; margin-top:58px;}
.basic_b{ font-size:16px; color:#fff714; display:block; padding-top:74px; float:left; margin-left:180px;}
.basic_c{ font-size:20px; color:#adadad; display:block; width:278px; height:44px; line-height:44px; border:1px #adadad solid; margin:0 auto; margin-top:74px;}
.basic_d{ position: absolute; top: 172px;  right: 386px; z-index: 1;}
.basic_e{ margin-top:84px;}
.basic_f{ font-size:20px; color:#adadad; display:block; margin-top:48px;}

/*从0开始学编程*/
.basic_g{ font-size:36px; color:#333; padding-top:46px;}
.basic_g span{ font-size:16px; color:#555; display: inline-block; margin-right:26px;margin-top: 8px; margin-bottom: 40px;}
.basic_g b{ font-size:16px; color:#999; font-weight:normal;}
.basic_h{ position:relative; top:-6px; margin-right:10px;}
.basic_star{ width:100%; height:auto; display:table; border-bottom:1px #ededed solid; padding-bottom:40px;}
.basic_star li{ float:left; width:320px; height:auto;margin: 0 40px;}
.basic_star span{ font-size:20px; color:#555; display:block; margin-bottom:18px;}
.basic_star p{ font-size:14px; color:#999; line-height:24px; text-align:left;}
.stars_title{ font-size:24px; color:#333; padding-top:34px;}
.stars_totle{ width:100%; height:auto; display:table;}
.stars_totle li{ float:left; width:226px; height:169px; margin-top:40px; margin-bottom:44px;}
.stars_a{ background:url(../images/star04.jpg) center no-repeat;margin-right: 17px;}
.stars_b{ background:url(../images/star05.jpg) center no-repeat;margin-right: 17px;}
.stars_c{ background:url(../images/star06.jpg) center no-repeat;margin-right: 17px;}
.stars_d{ background:url(../images/star07.jpg) center no-repeat;margin-right: 17px;}
.stars_e{ background:url(../images/star08.jpg) center no-repeat;}
.stars_totle li p{ font-size:14px; color:#fff; line-height:24px; width:184px; text-align:left; margin:0 auto; margin-top:44px;margin-bottom: 12px; height: 72px;}
.stars_totle li img{ display:inline-block; margin-right:10px;margin-left: 80px; position: relative; top: -4px;}
.stars_totle li b{ color:#fff; font-size:14px;}
.stars_ban{ font-size:18px; color:#999; background:#f3f3f3; height:54px; line-height:54px; margin-bottom:90px; border-radius:5px;}
.star-img{ background:url(../images/star01.png) center no-repeat; margin:0 auto;margin-bottom:40px; margin-top:60px; width:146px; height:146px;-webkit-transition:.8s;}
.star-img02{ background:url(../images/star10.png) center no-repeat; margin:0 auto;margin-bottom:40px; margin-top:60px; width:146px; height:146px;-webkit-transition:.8s;}
.star-img03{ background:url(../images/star03.png) center no-repeat; margin:0 auto;margin-bottom:40px; margin-top:60px; width:146px; height:146px;-webkit-transition:.8s;}
.basic_star li:hover .star-img{ background:url(../images/star09.png) center no-repeat; -webkit-transition:.8s;}
.basic_star li:hover .star-img02{ background:url(../images/star02.png) center no-repeat;-webkit-transition:.8s;}
.basic_star li:hover .star-img03{ background:url(../images/star11.png) center no-repeat;-webkit-transition:.8s;}

/*也许你，就是下一个写代码的人！*/
.basic_sit{ width:1034px; height:auto; display:table; position:relative; z-index:2; margin: 0 auto;  margin-top: 62px; padding-bottom:30px; border-bottom:1px #e8e8e8 solid;}
.basic_sit li{ float:left; width:230px; height:auto;margin: 0 14px;}
.basic_sit li:hover .sit_img img{transform: scale(1.2);-webkit-transform: scale(1.2);transition: .8s;-webkit-transition: .8s}
.sit_img img{-webkit-transition: .8s;}
.basic_sit li span{ font-size:16px; color:#333; font-weight:bold; display:block; line-height:28px; margin-top:30px; margin-bottom:20px;-webkit-transition:.8s;}
.basic_sit li p{ font-size:14px; color:#999; line-height:24px; width:212px; margin:0 auto;}
.basic_sit li:hover span{ margin-top:50px; -webkit-transition:.8s; color:#5c8aff;}
.sit_pos{ position:absolute; top:250px; left:70px; z-index:1;}
.sit_center{ font-size:14px; color:#333; width:746px; margin:0 auto; line-height:24px; margin-top:40px; margin-bottom:36px;}
.sit_bac{ background:#ebebeb; margin-bottom:40px;}
.sit_join{ font-size:24px; color:#fff; width:294px; height:64px; line-height:64px; margin:0 auto; display:block; background:#5c8aff; border-radius:8px; margin-bottom:42px;}
.sit_join:hover{ background:#849efd;}

/*在这里触发你的兴趣点，展现你的编程才华*/
.basic_talent{ width:100%; height:auto; margin:0 auto; text-align:center; min-width:1200px; background:#101012;}
.talent,.talent span{ color:#fff;}
.lanrenzhijia .talent_ul{ width:100%; height:auto; display:table;}
.lanrenzhijia .talent_ul li{width:20%; float:left; height:auto;}
.lanrenzhijia .talent_ul li:hover{ background:#fff; color:#000;}
.lanrenzhijia .talent_ul li.tab_on .talent_a,.lanrenzhijia .talent_ul li.tab_on .talent_b,.lanrenzhijia .talent_ul li.tab_on .talent_c,.lanrenzhijia .talent_ul li.tab_on .talent_d,.lanrenzhijia .talent_ul li.tab_on .talent_e{background:#fff; color:#000;}
.lanrenzhijia .talent_ul li .talent_a{ background:#fc289b; width:100%; height:144px;}
.lanrenzhijia .talent_ul li .talent_b{ background:#ec38ff; width:100%; height:144px;}
.lanrenzhijia .talent_ul li .talent_c{ background:#9138fc; width:100%; height:144px;}
.lanrenzhijia .talent_ul li .talent_d{ background:#5b41ff; width:100%; height:144px;}
.lanrenzhijia .talent_ul li .talent_e{ background:#005cfe; width:100%; height:144px;}
.lanrenzhijia .talent_ul li p{ font-size:16px; color:#fff; padding-top:30px; padding-bottom:10px;}
.lanrenzhijia .talent_ul li.tab_on p,.lanrenzhijia .talent_ul li.tab_on b,.lanrenzhijia .talent_ul li.tab_on span{color:#000;}
.lanrenzhijia .talent_ul li.tab_on .talent_one{ background:#000; color:#fff;}
.lanrenzhijia .talent_one{ color:#fc289b; display:inline-block; width:20px; height:20px; line-height:20px; background:#fff; border-radius:50%;font-style: inherit; margin: 0 4px;}
.lanrenzhijia .talent_ul li b{ font-size:20px; color:#fff; display:block;}
.lanrenzhijia .talent_ul li span{ font-size:14px; color:#fff; display:block; margin-top:8px; margin-bottom:30px;}
.lanrenzhijia .talent_two{ color:#ec38ff;}
.lanrenzhijia .talent_three{ color:#9138fc;}
.lanrenzhijia .talent_four{ color:#5b41ff;}
.lanrenzhijia .talent_five{ color:#005cfe;}
.lanrenzhijia .banner_six{ width:100%; height:547px; position:relative; overflow:hidden;}
.lanrenzhijia .banner_six ul{ width:100%; height:547px; overflow:hidden; position:relative;}
.lanrenzhijia .banner_six ul li{width:100%; height:547px; position: absolute; z-index:1; left:0; top:0;}
.sit_a{ background:url(../images/sit05.jpg) center no-repeat;width:100%; height:547px;}
.sit_b{ background:url(../images/sit06.jpg) center no-repeat;width:100%; height:547px; }
.sit_c{ background:url(../images/sit07.jpg) center no-repeat;width:100%; height:547px;}
.sit_d{ background:url(../images/sit08.jpg) center no-repeat;width:100%; height:547px;}
.sit_e{ background:url(../images/sit09.jpg) center no-repeat;width:100%; height:547px;}
.sit_right{ float:right; width:574px; height:auto; text-align:left;    position: relative;}
.sit_one{ font-size:30px; color:#999; font-weight:bold; padding-top:124px;}
.sit_one span{ font-size:24px; font-weight:normal; display:block; margin-top:6px; margin-bottom:16px;}
.sit_two{ font-size:14px; color:#999; line-height:24px;margin-top: 30px;}
.sit_zi{ color:#170e33;}
.sit_bai{ color:#fff;}
.sit_lan{ color:#0096ff;}
.sit_lan span{ color:#fff;}
.sit_hui{ color:#ececec;}
.telant_class{ background:#2a2a32;}
.telant_do{ font-size:24px; color:#5c8aff; display:block; padding-bottom:32px; padding-top:42px;}
.telant_down{ width:100%; height:auto; display:table; margin-bottom:50px;}
.telant_down li{ float:left; margin-right:32px;}
.telant_down li span{ font-size:38px; color:#5c8aff;}
.telant_down li p{ font-size:14px; color:#5c8aff; line-height:24px; margin-top:6px;}
.sit_hei{ background:#18181d; margin-bottom:40px;}
.sit_left{ float:left; width: 186px; height: 331px;  overflow: hidden;  margin-left: 272px;  margin-top: 102px;background: #9ec9fa;}
.sit_left img{ width:100%; margin-top:44px;}

.basic_add{ width:100%; height:547px; position:relative;}
.lanrenzhijia{ width:100%; height:auto;}

/*这些大神讲师，能够助你一臂之力*/
.flexslider_over { margin-top: 15px; position: relative; width:1200px;  overflow: hidden; zoom: 1;padding-bottom: 40px; margin-bottom:34px;}
.flexslider_over .flex-prev{ left:7px;}
.flexslider_over .flex-next{ right:7px;}
.slides_over li{ height:402px; position:relative;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider_over:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider_over:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider_over:hover .flex-next:hover, .flexslider_over:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:0px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 6px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:9px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:-20px 6px;}
.teacher_top{ width:298px; height:auto; float:left; border:1px #e6e6e6 solid;}
.teacher{ width:298px; height:318px; position:relative; overflow:hidden;}
.tea_milk{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(92,138,255,0.8); cursor:pointer; display:none;}
.tea_milk span{ font-size:26px; color:#fff; display:block; padding-top:46px; margin-bottom:10px;}
.tea_milk p{ font-size:14px; color:#fff; line-height:24px; margin:0 auto; text-align:left; text-indent:2em; margin-top:40px; width:246px;}
.teacher_down{ width:100%; height:82px; background:#fff;}
.teacher_down p{ font-size:16px; color:#555; padding-top:20px; padding-bottom:6px;}
.teacher_down span{ font-size:14px; color:#999;}

/*他们已成为编程新手*/
.baxic_new{ height:814px; background:url(../images/back.jpg) center no-repeat;}
.new_lite{ background:url(../images/new01.png) center no-repeat;  width: 966px; padding: 50px 49px;font-size:16px; color:#fff; line-height:26px; text-align:left; margin:0 auto;}
.stu_01{ font-size:18px; color:#fff; margin-top:30px;}
.stu_img{ width:99px; height:99px; border-radius:50%; border:1px #fff dashed;padding: 6px 6px; margin:0 auto;    margin-top: 36px;}
.stu_01 span{ font-size:14px; color:#999; margin-top:10px; display:block;}
.flexslider_new{ padding-bottom:0px;    height: 436px; margin-bottom:75px;}

/*选择时的一小步，是撼动未来的一大步！*/
.basic_futer{ width:100%; height:auto; margin:0 auto; display:table; margin-top:20px; margin-bottom:100px;}
.basic_futer li{ float: left; width:280px; height:auto;margin-right: 26px;}
.futer_img{ width:280px; height:304px; position:relative; overflow:hidden;}
.basic_futer li:hover .futer_img img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.futer_img img{-webkit-transition: .8s;}
.basic_futer li span{ font-size:16px; color:#555; display:block; margin-top:30px; margin-bottom:20px; font-weight:bold;}
.basic_futer li p{ font-size:14px; color:#999; line-height:24px; text-align:left;}

/*开启*/
.basic_down{ width:100%; background:url(../images/down.jpg) center no-repeat; height:110px; margin:0 auto; text-align:center; min-width:1200px;}
.basic_over{ font-size:40px; color:#fff; text-align:left; line-height:110px; float:left;}
.basic_over span{ color:#fff714;}
.basic_link{ width:256px; height:60px; position:relative; float:right; margin:25px 0; margin-right:54px;}
.basic_link a{ display:inline-block; width:100%; height:60px; line-height:60px; background:#fff; font-size:26px; color:#5780ea; border-radius:4px; position:relative; z-index:22;}
.basic_link img{ position:absolute; top:0px; left:0px; z-index:1;}