@charset "utf-8";
/* CSS Document */
.banner_pic{background:url(../images/banner2-bak.jpg)   no-repeat center center;height:392px; display:block; margin-top:-15px;}
.navi_a{padding-top:20px;}
.navi_a  a{ padding:0  15px;color:#515151; line-height:64px;}
.navi_a  a:hover{ color:#188EEE;}

.section{ padding-top:15px; overflow:hidden;font-family:"微软雅黑";}
.section_tit{border-top:4px solid #188EEE;  border-bottom:1px solid #ddd; background-color:#F0F0F0; line-height:50px; font-size:24px; font-family:"微软雅黑"; font-weight:bold;color:#188EEE;}
.section_tit span{width:100px; height:55px; text-align:center; line-height:55px; color:#fff; font-size:32px; display:inline-block; background-color:#188EEE; font-family:Arial, Helvetica, sans-serif; margin-right:15px;}
.section_txt{background-color:#F0F0F0; color:#999; font-size:13px; line-height:35px; padding-left:15px;}

.yellow{color:#FF9F00;border-top:4px solid #FF9F00;}
.yellow span{background-color:#FF9F00;}


.jx_class{width:1050px; overflow:hidden; padding:20px 0;}
.jx_class li{float:left; margin-left:10px; width:510px; overflow:hidden; margin-top:20px; display:inline-block;}
.course_img{width:250px; height:163px;}
.course_txt{width:250px; margin-left:10px; overflow:hidden;}
.course_tit{ font-size:16px; display:inline-block; width:100%; line-height:35px; color:#FF9F00;}
.course_info{color:#515151; font-size:16px; line-height:25px;}
.course_price{padding-top:15px; color:#999;}
.course_price span{padding-right:10px;color:#188EEE;font-size:14px; }
.course_price a{padding-left:10px; color:#999; font-size:14px;  padding-right:10px;}
.jx_class li:hover{ background-color:#EDEDED;}
.jx_class li a:hover{text-decoration:none;}

.blue_color{color:#335F9C;border-top:4px solid #335F9C;}
.blue_color span{background-color:#335F9C;}

.course_top{padding-top:20px;}
.top_course_img{width:450px; height:260px;  background-color:#FFEBD3;}
.top_course_txt{ width:560px; margin-left:30px; overflow:hidden; position:relative; height:260px;}
.course_price em{padding-left:10px; font-style:normal; font-size:14px; color:#999;}
.book_name{ width:125px; height:45px; text-align:center; line-height:45px; background-color:#FF9F00;  display:inline-block;-webkit-border-radius:3px; border-radius:3px; position:absolute; left:0; bottom:0;}
.book_name span{color:#fff; font-size:16px; position:relative; z-index:5;}
.book_name:after{content:''; width:100%; height:0; position:absolute; top:50%; left:0; display:block; background-color:#FCBC52; -webkit-transition:all 0.3s; transition:all 0.3s;}
.book_name:hover{text-decoration:none;}
.book_name:hover:after{height:100%;  top:0;}


.dark_bluebg{color:#1C475E;border-top:4px solid #1C475E;}
.dark_bluebg span{background-color:#1C475E;}

.fc3{color:#333; font-size:18px;}

.left_menu{ position:fixed; left:40px; top:15%;_position:absolute; width:140px; display:block; border:1px solid #ddd; background-color:#fff; border-bottom:0; z-index:9;}
.left_class_tit{height:60px; display:block; width:100%; text-align:center; line-height:60px; font-family:"微软雅黑"; font-size:18px; color:#fff; border-bottom:1px solid #ddd; background-color:#FF9F00;}
.left_menu li{overflow:hidden;}
.left_menu li a{line-height:45px; display:inline-block; text-align:center; width:100%;border-bottom:1px solid #ddd; background-color:#F0F0F0; height:45px; position:relative;}
.left_menu li a:after{content:''; width:0; height:0; position:absolute; width:100%; top:50%; left:0; display:block; background-color:#C1C1C1; -webkit-transition:all 0.3s linear; transition:all 0.3s linear;}
.left_menu li a span{color:#188EEE;font-family:"微软雅黑"; font-weight:600; position:relative; z-index:10;white-space:nowrap}
.left_menu li a:hover{text-decoration:none;}
.left_menu li a:hover:after{height:100%;  top:0;color:#fff;}
.share{ background-color:#FF9F00; width:100%; height:auto; overflow:hidden}
.share p{line-height:25px; font-size:16px; color:#fff; text-align:center; padding-top:10px;}
.share_weixin{display:inline-block; width:27px; height:25px; background:url(../images/np.png) no-repeat -144px -96px; margin-left:10px; cursor:pointer; margin-bottom:10px; vertical-align:middle; padding:0;}
.share_qq_space{display:inline-block; width:27px; height:20px; background:url(../images/np.png) no-repeat -146px -119px; cursor:pointer; margin-bottom:10px; vertical-align:middle}
.share_qq{display:inline-block; width:27px; height:20px; background:url(../images/np.png) no-repeat -146px -162px;cursor:pointer; margin-bottom:10px; vertical-align:middle}
.share_weibo{display:inline-block; width:27px; height:20px; background:url(../images/np.png) no-repeat -144px -138px;cursor:pointer; margin-bottom:10px; vertical-align:middle}

.left_menu li a.current{background-color:#188EEE;}
.left_menu li a.current span{color:#fff;}

.zt_ul li{float:left; width:250px; overflow:hidden;  margin-left:16px; margin-top:10px; position:relative;}
.zt_ul li.first{margin-left:0;}
.zt_ul li h4{ color:#515151; font-size:14px; width:100%; border-bottom:1px solid #F2F2F2; font-weight:normal; line-height:35px;}
.zt_ul li img{ width:250px; height:163px;}
.zt_ul li span{ width:100px; height:35px; line-height:35px; color:#AEAEAE; background:url(../images/user.jpg) no-repeat left center; padding:5px 0 5px 20px; display:inline-block; float:left}
.zt_ul li span:hover{color:#62b4f7}
.zt_ul li em{font-style:normal; width:120px; color:#2575CA; text-align:right; float:right; display:inline-block; line-height:45px;}
.zt_ul li a:hover{text-decoration:none;}
.zt_ul li a:hover h4{ color:#F69C00;}