@charset "UTF-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px; color:#333;font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;} 
input,button{font-size:14px;}
table,td,tr,th{font-size:14px;}
table{border-collapse:collapse;padd:expression(this.cellPadding=0);padd:expression(this.cellSpacing=0);}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#ff9824;}
li{list-style-type:none;}
img{ vertical-align:middle;border:0;}
ol,ul {list-style:none;}
h1{ font-weight:normal;}
.clear {clear: both;}
input[type="button"]{ border:none;border-bottom:3px #e67a00 solid;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#ff9824; height:30px; color:#FFF; font-weight:bold; cursor:pointer; padding:0 10px;font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif;font-weight:normal; }
input[type="button"]:hover{background:#fcb92a; border-bottom:3px #ff9824 solid;font-family:"Microsoft YaHei",微软雅黑,Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
.top{ background:#2b9eef; height:80px; width:100%;}
.top_cont{ margin:0 auto; height:80px; width:1000px; position:relative;}
.logo{ float:left; width:191px; height:72px; background:url(../images/logo.png) no-repeat center; }
.search{width:286px;line-height:80px;margin-left:270px;*margin-left:50px;*margin-top:20px; position:relative; }
.search_input{background:#fff; width:276px;height:34px; line-height:34px; border:2px #158de2 solid;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:10px;}
.search .img{ position:absolute; right:5px; top:32px;*top:10px;*right:-40px; width:16px; height:16px; cursor:pointer; background:url(../images/search_btn.png) no-repeat;}
.search .img:hover{background:url(../images/search_btn.png) no-repeat -16px 0;}
.menu{ height:75px; position:absolute; right:0px; top:0px;}
.menu a{ padding:0 20px; line-height:75px; font-size:16px; font-weight:bold; float:left; color:#fff;}
.menu a:hover{ border-bottom:5px #ff9d2f solid;}
.menu a.hover{border-bottom:5px #ff9d2f solid;}
.head{ margin:0 auto; background:url(../../images/gh/top_bg.png) no-repeat top center; height:147px; width:1000px; position:relative;}

.cont{margin:0 auto;  width:1000px; position:relative; margin-top:20px; clear:both;}
.cont_left{ float:left; height:400px; width:676px;}
.cont_right_login{ width:298px; background:#d4eeff; height:400px; margin-left:700px;border:1px #bfe5ff solid;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.cont_right_login h1{ line-height:45px; padding-left:20px;font-weight:normal; font-size:18px; color:#333; border-bottom:1px #FFF dashed;}
.cont_right_login .login_input ul li{  line-height:40px; margin:20px 30px;}
.but_c{ text-align:center}
.but_c input[type="button"]{width:225px; height:40px;font-size:18px;}
.input {background: #fff;padding: 5px 8px;*padding: 2px 8px;height: 30px;border: 2px solid #a4d8fc;color: #333;border-radius: 3px;line-height: 30px;position: relative;margin-bottom: 5px;overflow: hidden;}

.focus {border: 1px solid #ff9824;-webkit-animation: shine 1s 2 alternate;-moz-animation: shine 1s 2 alternate;}
.ipt {background: none;border: none;height: 30px;width: 160px;font-size: 16px;color: #333;position: relative;z-index: 3; }
.cont_title_font{ border-bottom:1px #bfe5ff solid; height:40px; line-height:40px; font-size:20px;  }
.cont_title_font span{border-bottom:3px #2b9eef solid; width:130px; height:38px; display:block; float:left;}
.cont_title_font input[type="button"]{ float:right; margin-top:5px;}
.cont_title_font_play{ border-bottom:1px #bfe5ff solid; height:40px; line-height:40px; font-size:20px;  }
.cont_title_font_play span{border-bottom:3px #2b9eef solid; width:630px; height:38px; display:block; float:left;}
.cont_title_font_play input[type="button"]{ float:right; margin-top:5px;}


.cont_today{ border:1px #eee solid; margin-top:10px; overflow:hidden; height:184px; }
.cont_today .boximg{ width:174px; height:164px; margin:10px; float:left;}
.cont_today .boxfont{ margin-left:15px;float:left; width:460px; margin-top:10px;}
.cont_today .boxfont h1,.contsub_today .weboxfont h1{ font-size:16px; color:#2b9eef; font-weight: normal; }
.cont_today .boxfont .todayfont span{ line-height:28px; text-align:left; font-size:14px; float:left; clear:both}
.cont_today .boxfont .todayfont input[type="button"]{ float:left; width:100px; position:absolute;}

.cont_history{ border-left:1px #eee solid;border-right:1px #eee solid;border-bottom:1px #eee solid; overflow:hidden; height:166px;}
.cont_history h1{font-size:16px; color:#2b9eef; font-weight: bold; margin:0px; padding:0px; padding-left:10px; line-height:40px;}
.cont_history .history_list{ margin:0px; padding:0px;  float:left; width:318px;}
.cont_history .history_list li{  line-height:30px; text-align:left; padding-left:10px; font-size:14px;}
.cont_history .history_list li span{ float:right;}
.cont_course ul { margin:0px; padding:0px;}
.cont_course ul li{ float:left; width:233px; height:150px; margin-top:20px;}
.m_l{ margin-left:22px;}
.cont_course ul li .img1{ background:url(../images/soimg.png) no-repeat ; width:230px; height:150px; display:block}
.cont_course ul li .img1:hover{background:url(../images/soimg.png) no-repeat 0  -151px;}
.cont_course ul li .img2{ background:url(../images/soimg.png) no-repeat -233px 0 ; width:230px; height:150px; display:block}
.cont_course ul li .img2:hover{background:url(../images/soimg.png) no-repeat -233px  -151px;}
.cont_course ul li .img3{ background:url(../images/soimg.png) no-repeat -466px 0 ; width:230px; height:150px; display:block}
.cont_course ul li .img3:hover{background:url(../images/soimg.png) no-repeat -466px  -151px;}
.cont_course ul li .img4{ background:url(../images/soimg.png) no-repeat -699px 0 ; width:233px; height:150px; display:block}
.cont_course ul li .img4:hover{background:url(../images/soimg.png) no-repeat -699px  -151px;}

.cont_charts_l{ float:left; width:315px; margin-top:20px;}
.cont_charts_l h1,.cont_charts_c h1,.cont_charts_r h1{ line-height:35px; font-size:18px; font-weight:normal;}
.cont_charts_l h1 a,.cont_charts_c h1 a,.cont_charts_r h1 a{ float:right; font-size:12px;}
.cont_charts_l .table_radius,.cont_charts_c .table_radius,.cont_charts_r .table_radius{ height:420px; border:1px #ddd solid;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.cont_charts_l .table_radius table,.cont_charts_c .table_radius table{ width:100%;}
.cont_charts_l .table_radius table th,.cont_charts_c .table_radius table th{background:#f9f9f9; height:35px; text-align:center;font-weight:normal; border-bottom:2px #a4d8fc solid;}
.cont_charts_l .table_radius table td,.cont_charts_c .table_radius table td{background:#fff;height:35px; text-align:center;font-weight:normal;}
.cont_charts_c{float:left; width:315px;  margin-left:28px;margin-top:20px;}
.cont_charts_r{ float:right; width:315px; margin-top:20px;}
.cont_charts_r ul li{ line-height:35px; text-align:left; padding-left:10px;}
.amounts{ width:16px; height:16px;background:#ff0000;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; font-size:12px; text-align:center; line-height:16px; margin:0 5px; padding:0px;}
.amountsf{ width:16px; height:16px;background:#f07600;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#fff; font-size:12px; text-align:center; line-height:16px; margin:0 5px; padding:0px;}
.bottom{ background:#f9f9f9; border-top:1px #ddd solid; height:100px; margin-top:20px; }
.bottom_cont{margin:0 auto; width:1000px; text-align:center}
.bottom_cont span{ line-height:35px;}

/* 课程推荐*/
.contsub_today .weboxfont{ margin-left:15px;float:left; width:700px; margin-top:10px; line-height:29px;}
.contsub_today .weboxfont h1 a{color:#2b9eef;}
.contsub_today .weboxfont h1 a:hover{color:#ff9824}
.contsub_today .weboxfont p a{color:#ff9824}
.contsub_today .weboxfont p a:hover{color:#2b9eef}
.contsub_today{ border:1px #eee solid; margin-top:10px; overflow:hidden; height:200px; }
.contsub_today .boximg{ width:260px; height:177px; margin:10px; float:left;}
.filter-list-detail {clear: both;margin: 0 auto;width:100%;margin-top: 10px;background-color: #fff;}
.clrfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.filter-list-detail ul {margin: 0 auto;width:100%;border: 1px solid #E5E7E6;border-right: 0;border-bottom: 0;}
.filter-list-detail ul li {_display: inline;float: left;padding:19px;width: 211px;border: 1px solid #E5E7E6;border-left: 0;border-top: 0;}
.filter-list-detail ul li a{display: block;line-height: 24px;margin: 4px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.filter-list-detail ul li a.btn_play {background: url(../images/videoico.png) no-repeat 0 5px;_background-image: url(../images/videoico_40ie6.png);padding-left: 22px;color: #576408;font-size: 12px;}
.filter-list-detail ul li img{width: 210px;height: 135px;}
.filter-list-detail ul li p{color: #666;font-size: 12px;height: 22px;line-height: 22px;overflow: hidden;white-space: nowrap;}
/* 课程分类*/
.cont_subtitle_l{ width:230px; float:left; background:#f9f9f9; height:auto; border:1px #eee solid}
.cont_subtitle_l h1{ font-size:16px; background-color:#429eeb; height:40px; line-height:40px; padding-left:20px; color:#fff;}
.cont_subtitle_l ul li{ font-size:14px; text-align:left; line-height:35px; }
.cont_subtitle_l ul li a{padding-left:40px;}
.cont_subtitle_l ul li a:hover{ background:#e8e8e8; display:block; }
.cont_subtitle_l ul li a.hover{background:#e8e8e8; display:block;}
.cont_subtitle_r{ float:right; width:750px; }
/* 列表*/

.cont_list{ width:100%; height:auto;}
.cont_list ul li{ text-align:left; line-height:38px; border-bottom:1px #ddd dashed;}
.cont_list ul li span{ float:right; color:#ddd;}
/* 详情*/
.detail_cont{width:100%; height:auto;}
.detail_cont h1{ line-height:50px; text-align:center; font-size:20px; font-weight:normal}
.detail_cont p{ line-height:30px; text-align:center;}
.detail_cont span{text-indent: 26px;line-height:30px; font-size:14px;}

/* 视频*/
.v_slide {background: #fff;border: 1px solid #ddd;padding: 18px 0;position: relative;overflow: hidden;
margin-bottom: 20px;_zoom: 1;}
.v_slide a.btn_prev {background: url(../images/arrowico.png) no-repeat;width: 30px;height: 30px;display: block;position: absolute;top: 70px; left:10px;}
.v_slide a.btn_next {background: url(../images/arrowico.png) no-repeat -30px 0px;right: 7px;width: 30px;height: 30px;display: block;position: absolute;top: 70px;}
.v_slide .v_slide_pic { padding:0 50px;height: 150px;overflow: hidden;position: relative;margin: 0 auto;}
.v_slide li {float: left;width: 164px;margin-right: 12px;font-size: 14px;overflow: hidden;}
.v_slide li a {font-weight: bold;padding: 0 8px;display: block;width: 159px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.v_slide li a.btn_play {padding: 7px 6px 8px 7px;width: 151px;height: 108px;display: block;position: relative;margin-bottom: 5px;}

/* 翻页*/
.page {margin: 20px auto;width: 90%;text-align: center;}
.page a {display: inline-block;background: #fff;border: 1px solid #2b9eef;color: #333;padding: 5px 10px;font-size: 13px;
line-height: 1.2;}
.page a:hover, .page a.current {color: #fff;text-decoration: none;background: #2b9eef;box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;border-color: #2b9eef;}

/* 注册*/
.form-wrapper {padding: 0 0 0 30px;}
.form-wrapper .input-wrap {width: 650px;border-right: 1px solid #d3e6ed;}
.form-wrapper .input-wrap {width: 580px;}
.input-wrap {position: relative;float: left;width: 555px;padding: 30px 0 15px 0;border-right: 1px solid #d3e6ed;font-size: 14px;}
.register-list .reg-inp {position: relative;padding: 0 0 0 100px;zoom: 1;font-size: 14px;}
.register-list label {position: absolute;left: 0;top: 2px;_top: 3px;display: block;width: 90px;text-align: right;color: #4a4a4a;font-size: 14px;}
label {cursor: default;}
.register-list .reg-inp .span_cr {color: #F00;}
.register-list .span_cr {color: #FF0000;margin: 0 0 0 5px;}
.register-list {margin: 0 0 20px 0;}
.register-list span {display: inline-block;margin-left: 10px;vertical-align: middle;}
.clear:after {content: '\0020';display: block;height: 0;line-height: 0;clear: both;visibility: hidden;}
.lj_old_register_cont {width: 650px;float: left;}
.register-list input {width: 260px;height: 18px;border: 1px solid #bdbdbd;padding: 5px;vertical-align: middle;outline: none;}
input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53;}
i, em {font-style: normal;}
.tip-wrong-icon {position: absolute;top:8px;left:385px;width:200px;height: 36px;display: block;padding: 0 0 0 28px;
font-size: 12px;color: #999;word-break: break-all;}
.reg-btn, .register-list input.reg-btn {border: 0;display: inline-block;background:#f9a31a; color:#FFF;
width: 205px;height: 48px;cursor: pointer; font-size:18px;}
.singn_sidebar {width: 235px;float: right;padding-top: 20px;}
.singn_sidebar p {width: 200px;color: #4c4c4c;line-height: 22px;padding-bottom: 15px;}
.button_singn {display: inline-block;width: 132px;height: 35px;text-align: center;color: #fff;font: 18px/35px "微软雅黑";
background:#f9a31a;margin-bottom: 20px;}
.button_singn:hover{ color:#FFF; background:#ff8700;}



