/***************首页 样式****************/
/* 头部 */
.top{ height:120px;display:block;}
.logo{ width:412px; float:left;margin-top: 30px;}

.search{ width:400px; height:36px; float:left;margin-top:40px; border:2px solid #ff5f01; border-right:none;}
.input-text{ width:256px; height:36px;font-size:12px; color:#999; background:#fff; float:left; font-family:"Arial", "Microsoft yahei"; padding:0 10px; line-height:36px; border:none;}
.input-text:focus{outline: none; color:#333;}
.input-btn{width:60px; height:36px; float:left;}
.input-btn:focus{outline: none;}

.ssBox{position:relative; width:64px; height:36px; float:left;font-size:12px; z-index:100;}
.ssBox dt{height:36px;display:inline-block;background:url(../images/login_Arr.png) no-repeat -52px 4px;line-height:36px;cursor:pointer;width:52px;overflow:hidden;position:relative; padding-left:13px; color:#333;border-right:1px solid #ddd; }
.ssBox dt:hover{background:url(../images/login_Arr.png) no-repeat -52px 4px #f2f2f2;}
.ssBox dd{position:absolute;left:0;top:36px;border:1px solid #ddd;background:#fff;display:none;width:64px;height:auto; z-index:100; border-top:none;}
.ssBox dd ul{width:64px;height:auto;}
.ssBox dd ul li a{line-height:30px;display:block; padding-left:13px;}
.ssBox dd ul li a:hover{background:#eee;}

/*未登录*/
.loginBox{ float:right; width:206px; height:40px;margin-top:40px;}
.loginBox .login{ float:left; line-height:40px; width:120px; height:40px; background:#ff5f01; color:#ffcfb3;}
.loginBox .login a{ padding:0 15px;}
.loginBox .loginGwc{ float:left; width:84px; height:38px; line-height:38px; position:relative; text-align:center; border:1px solid #ff5f01;}
.loginBox .loginGwc a span{display:block; float:left;color:#fff;background:#e10e01; line-height:15px; border-radius:10px; padding:0 4px; height:15px; font-size:12px; position:absolute; top:4px; right:8px;}


/*课程导航*/
.nav{ height:50px; position:relative; z-index:99;}
.nav .nav_tit{ width:220px; height:50px; float:left; line-height:50px; color:#fff; background:url(../images/nav_more.png) no-repeat 25px 18px #ff5f01;font-size:16px; position:relative; z-index:99;}
.nav .nav_tit .nav_bt{ width:165px; height:50px; display:block; padding-left:55px; }
.nav_menu{width:220px; height:400px; position:absolute; left:0; z-index:99999; background:url(../images/nav_bg.png) repeat;}
.nav_c{position: relative; top: 35px; font-size:16px;}
.nav_c li{ float:left; width:110px; text-align:center; line-height:50px; display:block;}
.nav_c li span{ display:block; position:absolute; left:88px; top:3px;}

/*微信*/
.wechat{ width:220px; height:260px; position:absolute; right:0; top:120px; z-index:99999999; background:url(../images/weixin_bg.png) repeat; color:#333;}
.wechat span{ display:block; padding-left:30px; line-height:54px; font-size:16px;}
.wechat img{ width:159px; height:159px; padding-left:30px;}
.wechat p{ line-height:46px; text-align:center;}

/*幻灯片*/
.fullSlide{width:100%;position:relative;height:400px;background:#000;overflow:hidden;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; z-index:0;}
.fullSlide .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:400px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px; }
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:8px;margin:2px;overflow:hidden;background:#fff;filter:alpha(opacity=70);opacity:0.7;line-height:999px;}
.fullSlide .hd ul .on{background:#ff5f01;}
.fullSlide .prev{display:block;position:absolute;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none; background:url(../images/slider-arrow.png) 0 -120px #000 no-repeat;z-index:1; top:170px; left:0;}
.fullSlide .prev:hover{ background-position:0 -180px;}
.fullSlide .next{display:block;position:absolute;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none; background:url(../images/slider-arrow.png) 0 0 #000 no-repeat;z-index:1; top:170px; right:0;}
.fullSlide .next:hover{ background-position:0 -60px;}

/*教学模式*/
.model{ height:170px; width:1198px; margin:0 auto; border:1px solid #e9e9e9; background:#fafafa; margin-top: 24px;}
.modelBox{float:left; width:20%; height: 170px;text-align: center;background: url(../images/jxms_fgx.jpg) no-repeat right 50%;}
.modelBox a:hover span{ color:#fff;}
.modelBox a:hover p{ color:#ffceb0;}
.modelBox a span{ font-size:18px; color:#333; padding-top:8px; display:block;margin-top: 87px;}
.modelBox a p{ color:#999;}

.modelBox a{display:block; float:left; width:100%;height: 170px;}
.modelBox a:hover{ background:#ff5f01; color:#fff;}

.model_1 a{background:url(../images/sp1.jpg) no-repeat 50% 26%;}
.model_1 a:hover{ background:url(../images/sp2.jpg) no-repeat 50% 26%;}
.model_2 a{background:url(../images/jxms_Icon01.png) no-repeat 50% 24%;}
.model_2 a:hover{ background:url(../images/jxms_Icon01_hover.png) no-repeat 50% 24% #ff5f01;}
.model_3 a{background:url(../images/jxms_Icon02.png) no-repeat 50% 26%;}
.model_3 a:hover{ background:url(../images/jxms_Icon02_hover.png) no-repeat 50% 26% #ff5f01;}
.model_4 a{background:url(../images/jxms_Icon03.png) no-repeat 50% 26%;}
.model_4 a:hover{ background:url(../images/jxms_Icon03_hover.png) no-repeat 50% 26% #ff5f01;}
.model_5 a{background:url(../images/jxms_Icon04.png) no-repeat 50% 25%;}
.model_5 a:hover{ background:url(../images/jxms_Icon04_hover.png) no-repeat 50% 25% #ff5f01;}

/*问答*/
.ask_tit{ height:30px; line-height:30px; margin-bottom:15px;}
.ask_tit strong{ display:block; float:left; font-size:24px; color:#333; padding-right:20px; font-weight:normal;}
.ask_tit p a{ display:block; float:right; background:url(../images/more.png) no-repeat right 8px; padding-right:18px;}
.ask_tit p a:hover{ background:url(../images/more_hover.png) no-repeat right 8px; padding-right:18px;}
.ask_tit .ask{ float:left;}
.ask_tit .ask span{ display:block; height:30px; float:left; font-size:16px; width:90px; text-align:center; cursor:pointer;}
.ask_tit .ask .hover{ background:#ff5f01; color:#fff; }

.ask_box{ width:550px; border-top:1px solid #eaeaea;}
.ask_box .ask_con{ height:90px; padding:15px 0 6px 0; float:left;border-bottom:1px solid #eaeaea; overflow:hidden; width:550px;}
.ask_box .ask_con:hover{ background:#fff3eb;}
.ask_box .ask_con .ask_w{ line-height:28px; height:28px; overflow:hidden; font-size:16px;}
.ask_box .ask_con .ask_d{ line-height:28px; height:28px; overflow:hidden; padding-right:20px;}
.ask_box .ask_con .ask_hd{line-height:28px; height:28px; overflow:hidden; font-size:12px;color:#999;}
.ask_box .ask_con .ask_hd p{ float:left; padding:0 15px 0 6px; display:block;}
.ask_box .ask_con .ask_hd span{ display:block; float:left;}

/*讲师*/
.teacher{ width:1200px; height:290px;overflow:hidden;}
.teacher li{ width:220px; height:290px;cursor: pointer; position:relative; margin-right:25px; float:left; display:inline-block; background:#e1e1e1;}
.teacher li img{ width:220px; height:290px;}
.teacher li .overlay{ width:220px; height:50px; line-height:50px; cursor:pointer; right:0; left:0; bottom:0px; margin:0; padding:0; position: absolute; background:url(../images/teacher_bg.png) repeat; text-align:center;display:block;overflow:hidden; }
.teacher li .overlay span{ padding:0 8px;}

.teacher li .ic_caption{ width:220px; cursor: pointer;left: 0; margin: 0;background:url(../images/teacher_bg.png) repeat; overflow: hidden;padding: 0;position: absolute; right: 0;bottom: 0px;}
.teacher li .ic_text{height:290px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; display: none; overflow: hidden;}
.teacher li .ic_text dt{ line-height:48px; height:48px; text-align:center; display:block; overflow:hidden; margin-top:40px; font-size:18px;}
.teacher li .ic_text dd{ font-size:12px; display:block; height:90px; overflow:hidden; width:180px; margin:0 0 20px 20px;}


/*合作结构*/
.coop{ color:#999;}
.coop li{ float:left;}
.coop li a{ padding-right:10px; display:block; float:left;}
.coop span{ display:block; float:left; padding-right:10px;}



/*****************新增软件常见问题、学员感言板块*******************/
.problemBox{ width:300px; height:520px; float:left;}

.problem-1{ width:294px; height:514px; background:#fff; border:3px solid #ff5f01;}
.problem_tit{ height:127px; background:#ff5f01;}
.problem_tit .problem_tit_con{ height:32px; padding:35px 0 0 22px;}
.problem_tit .problem_tit_con span a{ width:40px; padding-right:22px; display:block; float:right; line-height:32px; background:url(../images/more2.png) no-repeat 32px 9px;}
.problem_tit .problem_tit_con p{ font-size:24px; line-height:32px; float:left; color:#fff;}
.problem_tit i{ display:block; color:#ffc9a9; font-size:14px; padding-left:22px; font-style:normal;}
.Soft-Info{ padding:0 22px;}
.Soft-Info p{ padding-top:12px;}
.Soft-Info span{ display:block; height:96px; padding-top:12px; overflow:hidden;} 
.Soft-Info a{ display:block; width:236px; height:58px; margin-top:35px; text-indent:-999999px; background:url(../images/problem01.jpg) no-repeat 0 0;}
.Soft-Info a:hover{ background-position:0 -58px;}

.problem-2-t{ width:258px; height:258px; background:#fff; border:1px solid #eaeaea; padding:0 20px;}
.problem-2-t strong{ display:block; font-size:14px; line-height:42px; padding:35px 0 0 0; height:42px; overflow:hidden;}
.problem-2-t p{ height:48px; overflow: hidden; color:#999; font-size:12px;}
.problem-2-t span a{ display:block; width:100px; height:30px; border:1px solid #eaeaea; background:#fff; text-align:center; margin-top:35px; line-height:30px; font-size:12px;}
.problem-2-t span a:hover{ background:#ff5f01; color:#fff; border:none;}
.problem-2-b{ position:relative;}
.problem-2-b p img{ width:300px; height:260px;}

.xygyBox{ width:218px; height:368px; border:1px solid #e2e2e2; background:#fff; float:left; margin-right:25px;}
.xygyBox i img{ width:120px; height:120px; border-radius:60px; display:block; margin:30px 0 5px 48px;}
.xygyBox strong{ text-align:center; font-size:16px; display:block; line-height:24px; color:#333;}
.xygyBox span{ display:block; text-align:center; line-height:20px; color:#999;}
.xygyBox p{ display:block; width:180px; font-size:12px; color:#888; height:72px; overflow:hidden; margin:12px 0 18px 18px;}
.xygyBox em a{ display:block; font-style:normal; width:100px; height:30px; border:1px solid #eaeaea; background:#fff; text-align:center; line-height:30px; margin:0 auto; font-size:12px;}
.xygyBox em a:hover{ background:#ff5f01; color:#fff; border:none;}


.stu_new_ul{
    width: 1230px;
    height: 400px;
    position:relative;
    top:-30px;
    left:-30px
}
.stu_new_li{
    width: 582px;
    height:200px;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    border: 1px solid #E7E7E7;
}
.stu_new_ld{
    width: 562px;
    height:180px;
    margin-left: 10px;
    margin-top: 10px;
}
.stu_new_img{
    width: 135px;
    height:180px;
    position: relative;
    float:left;
}
.stu_new_info{
    width: 380px;
    height:130px;
    position: relative;
    float:left;
    left:20px;
    top:10px;
}
.stu_new_p_1{
    width: 380px;
    height:30px;
    position: relative;
    float:left;
    font-size: 18px;
    font-weight: bold;
    color: #1A1919;
}
.stu_new_li:hover{
    border:1px solid #FF5F01;
}
.stu_new_p_2{
    width: 380px;
    height:100px;
    position: relative;
    float:left;
    font-size: 14px;
    color:#888
}

