@charset "utf-8";
/* CSS Document */

/* 汇总页面通用底部 */
.top_all{width: 1200px; margin:0 auto;}

/* 汇总页面内容 */
.main{width:980px; margin:0 auto; overflow: hidden; padding-bottom: 40px;}

/* 汇总页面左侧通用导航 */
.main_nav{float:left; width:231px; background:#fff; overflow: hidden; border-right: 1px solid #E9E9E9; }
.main_nav .lay{border-bottom: 1px solid #E9E9E9; padding:25px 0;}
.main_nav .lay h2{font-size: 22px; color: #666; padding-bottom: 15px;}
.main_nav .lay li{line-height:42px;}
.main_nav .lay li a{color: #333; font-size: 16px;}
.main_nav .lay li a em{width: 9px; height: 8px; background: url(../images/sumnav.jpg) no-repeat; padding-right: 4px; display: none;}
.main_nav .lay li a:hover{color:#FF2526;}
.main_nav .lay li a.cur{color:#FF2526;}
.main_nav .lay li a.cur em{display: inline-block;}
.main_navfd{position: fixed; display: none; top:0;border-right: 1px solid #E9E9E9;}

/* 汇总页面右侧通用导航 */
.main_con{float:left;}
.main_con h2.hd{font-size: 18px; height: 50px; line-height: 50px; border-bottom:1px solid #E9E9E9;}
.main_con .txtcon{ overflow: hidden}
.main_con .txtcon p,.main_con .txtcon span,.main_con .txtcon td,.main_con .txtcon li{font-size: 14px; line-height: 20px;}
.main_con .txtcon table{border:solid #ccc; border-width:1px 0px 0px 1px;}
.main_con .txtcon table td{padding:10px; border:solid #ccc; border-width:0px 1px 1px 0px;}

/* 课程页面单独100% */
.bdcon{width: 1200px; margin:0 auto; border:0; padding:0;}

/* 视频下载页面样式*/
.vdown{width:900px; overflow: hidden; margin-top: 30px;}
.vdown ul{width:1000px;}
.vdown ul li{float: left; margin:0 30px 20px 0;}
.vdown ul li a img{display: block;}
.vdown .txt{border:1px solid #DFDFDF; border-top: 0; padding:15px 10px;}
.vdown .txt h3{font-size: 14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:258px;}
.vdown .txt h3 a{ color: #333;}
.vdown .txt .downcon{ overflow: hidden; padding-top: 10px;}
.vdown .txt .downcon p{float:left; margin-right: 20px; padding-top: 3px;}
.vdown .txt .downcon p strong{font-weight: 100;}
.vdown .txt .downcon a{float: right; color: #ed4300; padding:1px 6px; border:1px solid #ed4300; border-radius: 3px; transition:all 0.3s; -webkittransition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;}
.vdown .txt .downcon a:hover{background:#ed4300; color: #fff;}

/* 报名流程页面样式*/
.flowcon{overflow: hidden;}
.flowcon h3.bmtt{font-size: 20px; text-align: center; line-height: 80px;}
.flowcon ul{ overflow: hidden; width: 903px; margin:0 auto;}
.flowcon li{float: left; width:287px; height: 162px; background:#3E4042; margin-right: 20px; margin-bottom: 1px; position: relative; }
.flowcon li .jt{display: block; width: 50px; height: 50px; background: url(../images/jt.png) no-repeat; position:absolute; top:60px; right: -36px; z-index: 30;}
.flowcon li.li2{background-color: #92705C;}
.flowcon li.li3{background-color: #548E76;}
.flowcon li.li4{background-color: #865E5E;}
.flowcon li.li5{background-color: #6C85A7;}
.flowcon li.li6{background-color: #7F7D7D;}
.flowcon li div.dw{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
.flowcon li div.dw div{height:162px; line-height: 24px; text-align: center;}
.flowcon li div.diva{height:162px;}
.flowcon li div.diva p{color: #fff; padding-top: 55px; font-size: 16px; line-height: 26px;}
.flowcon li div.diva span{font-size: 20px; color: #fff; position: absolute; top: 5px; left: 9px; z-index: 20;}
.flowcon li div.diva em{position: absolute; display:block; left: 0; top: 0; width: 0; height: 0; line-height: 0; border-bottom:50px solid transparent; border-right:50px solid transparent; border-left:50px solid #000; opacity: 0.5; filter:alpha(opacity=50);}
.flowcon li div.divb{ height: 162px; background:#E5E5E5;}
.flowcon li div.divb p{color:#333; padding-top: 30px; font-size: 14px; }
.flowcon li.li2  div.divb p{padding-top:45px;}
.flowcon li.li4  div.divb p{padding-top:45px;}
.flowcon li.li5  div.divb p{padding-top:50px;}
.flowcon li:hover div.dw{margin-top: -162px}
.oldcon li:hover div.dw{margin-top:0;}
.oldcon ul{width: 1000px;}
.flowcon .bdp{font-size: 14px; text-align: center; line-height: 90px;}
.flowcon .bmbtn{display:block; width: 205px; height: 40px; line-height: 40px; border:1px solid #333; color: #333; font-size: 20px; text-align: center; margin: 0 auto; border-radius: 3px;}
.flowcon .bmbtn:hover{color: #ff2526; border-color: #FF2526;}

/* 常见问题页面样式*/
.questioncon{margin-top: 30px;}
.questioncon ul{width: 930px;} 
.questioncon li{float: left; width:219px; height: 150px; background:#83D8D6; margin-right: 9px; margin-bottom: 1px; overflow: hidden;}
.questioncon li div.dw div{height:150px;}
.questioncon li div.diva p{font-size: 18px; padding-top:108px;}
.questioncon li div.diva{background:url(../images/question.png) no-repeat 0 0;}
.questioncon li div.diva{background:url(../images/question.png) no-repeat 0 0;}
.questioncon li.li2{background:#9E9A9B;}
.questioncon li.li2 .diva{background-position: -224px 0;}
.questioncon li.li3 .diva{background-position: -453px 0;}
.questioncon li.li4 .diva{background-position: -685px 0;}
.questioncon li.li3{background:#C3946A;}
.questioncon li.li4{background:#B7BF9D;}
.questioncon li:hover div.dw{margin-top: -150px}
.questioncon li div.divb{ height: 162px; background:#565656;}
.questioncon li div.divb span{font-size: 18px; padding-top: 65px; display: inline-block; color: #fff;}
.questioncon li div.divb em{display:inline-block; padding:0 8px; line-height: 16px; background:url(../images/auto.jpg) no-repeat center center; text-indent: -9999px;}
.questioncon .h3_q{font-size: 16px; padding-top: 30px;}
.questioncon .p_a{font-size: 14px; line-height: 24px; padding-top: 12px;}

/* 学习路线图页面样式 */
.pathcon .path{width: 605px; margin:30px auto 0;}
.pathcon .path .txt{overflow: hidden; padding:10px 0;}
.pathcon .path .left{float: left;}
.pathcon .path .left h3{font-size: 20px; line-height: 40px;}
.pathcon .path .left p{font-size: 14px;}
.pathcon .path .a_more{float: right; width: 145px; height: 40px; line-height: 40px; font-size: 16px; color: #333; border:1px solid #333; text-align: center; border-radius: 3px; margin-top: 15px;}

/* 深度解读页面样式 */
.readcon li:hover div.dw{margin-top: 0}
.readcon li div.diva p{font-size: 14px; width:219px; height: 30px; line-height: 30px; padding-top: 0; position: absolute; bottom:0; text-align: center; background:url(../images/shadow2.png);}