@charset "utf-8";
/* Home css document, which should be imported to home page and course pages */


/* 首页
   ========================================================================== */
   
/**
 * Banner
 ----------------------------------------------------------------------------*/
 
/**
 * Image size
 */
.flexslider { position: relative; width: 100%; height: 280px; margin-top:70px; zoom: 1;} 
.flexslider .slides li { position:relative; width: 100%; height: 100%;}
.flexslider .slides img { width: 100%; height: 280px; display: block;}

/**
 * Image pagination arrows
 */
.flex-direction-nav a {	display: block;	position: absolute;	top: 50%; width: 50px; height: 50px; overflow: hidden; margin: -35px 0 0; background: url(../images/homeban/slide.png) no-repeat; border-radius: 25px; line-height: 99em;	z-index: 10; cursor: pointer; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next { background-position: -50px 0; right: 50%; margin-right:-580px; opacity: 1; filter: alpha(opacity=100);}
.flex-direction-nav .flex-prev { left: 50%; margin-left:-356px; opacity: .6; filter: alpha(opacity=60);}
.flexslider:hover .flex-next { opacity: .6; filter: alpha(opacity=60);}
.flexslider:hover .flex-prev { opacity: .6; filter: alpha(opacity=60);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=100);}

/**
 * Image navigation dots
 */
.flex-control-nav { position: absolute; width: 100%; bottom: 10px; text-align: center;}
.flex-control-nav li { display: inline-block; *display: inline; zoom: 1;}
.flex-control-paging li a { display: block;	width: 16px; height: 16px; overflow: hidden; background:url(../images/homeban/dot.png) no-repeat 0 -16px;	text-indent: -99em; cursor: pointer;} /* 2 */
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a { background-position: 0 0;}

/**
 * Banner content
 */
.ban_con { position:absolute; top:0; left:50%; width:1200px; margin-left:-600px;}
.ban_conIn { position:relative; height:280px; margin-left:224px;}

.ban_txt { padding:120px 0 0 132px;}
.ban_info { line-height:24px; font-size:15px; color:#fff;}
.ban_btn { display:inline-block; margin-top:15px; padding:0 20px; border-radius:3px; background:#2fb266; line-height:34px; font-size:14px; color:#fff;}
.ban_btn:hover { background:#3ad87c;}



/**
 * Menu
 ----------------------------------------------------------------------------*/
 
/**
 * Menu container
 * 1. Menu collapse
 */
.menu_outter { position:absolute; top:70px; right:0; left:0; z-index:100;}
.menu { position:absolute; top:0; left:0; width:224px; box-shadow:0 3px 8px rgba(0,0,0,.1);}
.menu_on { width:784px;} /* 1 */
 
/**
 * Fixed menu
 */
.menu_fixed { position:relative;; float:left; width:224px; height:360px; overflow:hidden; background:#157ed9; -ms-filter:alpha(opacity=95); filter:alpha(opacity=95); background:rgba(21, 126, 217, .95); transition:all .3s;	-moz-transition:all .3s; -webkit-transition:all .3s;	-o-transition:all .3s;}
.menu_fixed_on { height:auto; overflow:visible;}
.menu_fixed_li { vertical-align:bottom; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#fff; border-bottom-color:rgba(255, 255, 255, .2); border-bottom-color:#4ca5eb\9; *border-bottom-color:#4ca5eb;}
.menu_fixed_li:last-child { border-bottom:none;}
.menu_fixed_link { display:block; padding:0 10px 0 20px; line-height:39px; font-size:14px; color:#fff;}
.menu_fixed_link span { float:left; display:block; width:175px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.menu_fixed_link i { float:right; font-size:10px; opacity:.5; -ms-filter:alpha(opacity=50); filter:alpha(opacity=50);}
 
.menu_fixed_link:hover,
.menu_fixed_cur { background:#2068bc;} 

/**
 * Fixed menu more
 */
.menu_fixed_more { display:none; position:absolute; right:0; bottom:0; left:0; z-index:100; background:#157ed9; text-align:center;}
.menu_fixed_moreLink { display:block; line-height:39px; font-size:14px; color:#fff;}
.menu_fixed_moreLink:hover { background:#2068bc;}
 
/**
 * Float menu
 * 1. Menu class
 * 2. Medium menu class
 * 3. Small menu class
 */
.menu_float { display:none; float:left; width:560px;}
.menu_floatIn { height:326px; overflow:hidden; padding:15px 20px; border:2px #157ed9 solid; background:#fff; -ms-filter:alpha(opacity=95); filter:alpha(opacity=95); background:rgba(255, 255, 255, .95);}

.menu_float_sort { margin-bottom:15px;} /* 1 */
.menu_float_sort_tit { line-height:28px; border-bottom:1px #eaeaea solid; font-size:14px; font-weight:bold; color:#157ed9;}

.menu_float_item { position:relative; padding-top:5px;} /* 2 */
.menu_float_item_tit { position:absolute; top:5px; left:0; width:76px; padding:6px 0;}
.menu_float_item_tit span { display:inline-block; width:60px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:24px; font-size:12px; color:#666; font-weight:bold;}
.menu_float_item_tit i { position:absolute; top:7px; right:3px; line-height:24px; font-size:10px; color:#999;}

.menu_float_item_list { margin-left:80px; padding:6px 0;} /* 3 */
.menu_float_link { padding-right:10px; *padding:0 10px; line-height:24px; color:#666; white-space:nowrap;}
.menu_float_link:hover { color:#157ed9;}
.menu_float_link:before { content:"|"; margin-right:8px; font-size:10px; color:#ccc;}



/**
 * Assist
 * Main search box and total data
 ----------------------------------------------------------------------------*/
 
.assist { height:80px; margin-bottom:40px; background:#eaeaea;}
.assistIn { position:relative;}

/**
 * Search
 */
.search_lg { width:712px; margin:0 auto; padding:18px 0;}
.search_lg form { position:relative; padding-right:110px;}
.search_lg_input { width:100%; height:42px; border-radius:3px; border:1px #bbb solid; line-height:42px\9; *line-height:42px; text-indent:10px; font-size:14px; color:#666; -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -moz-box-shadow:0 0 5px rgba(0,0,0,.1); -o-box-shadow:0 0 5px rgba(0,0,0,.1); -ms-box-shadow:0 0 5px rgba(0,0,0,.1); box-shadow:0 0 5px rgba(0,0,0,.1);}
.search_lg_input { *width:590px; *padding-left:10px;*text-indent:0;}

.search_lg_input:focus { border-color:#6bbbff; -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -moz-box-shadow:0 0 5px rgba(0,0,0,.2); -o-box-shadow:0 0 5px rgba(0,0,0,.2); -ms-box-shadow:0 0 5px rgba(0,0,0,.2); box-shadow:0 0 5px rgba(0,0,0,.2);}
.search_lg_submit { position:absolute; top:0; right:0; width:98px; height:42px; border-radius:3px; border:1px #0c77bb solid; background:#157ed9; font-size:14px; color:#fff; cursor:pointer; -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -moz-box-shadow:0 0 5px rgba(0,0,0,.1); -o-box-shadow:0 0 5px rgba(0,0,0,.1); -ms-box-shadow:0 0 5px rgba(0,0,0,.1); box-shadow:0 0 5px rgba(0,0,0,.1);}
.search_lg_submit:hover { background:#2068bc;}

/**
 * Total data
 */
.total { position:absolute; top:0; right:0; width:224px; height:54px; padding-top:26px; background:url(../images/total_bg.png) 0 0 no-repeat; line-height:52px; text-align:center; color:#fff;}
.total_num { font-family: "PingFang SC", Helvetica, "Helvetica Neue", "Microsoft YaHei", "SimSun", Tahoma, Arial, sans-serif; font-size:30px; font-weight:bold; text-shadow:0 2px 5px rgba(0,0,0,.15);}
.total_txt { margin-left:5px; font-size:12px;}


/**
 * Modul
 ----------------------------------------------------------------------------*/
 
/**
 * Modul title
 */
.home_modTit { position:relative; height:40px; line-height:22px;}
.home_modTit_txt,
.home_modTit_ico { float:left; color:#157ed9;}
.home_modTit_txt { font-size:18px;}
.home_modTit_ico { margin-right:10px; font-size:22px;}
.home_modTit_more { position:absolute; top:0; right:0; font-size:12px; color:#999;}
.home_modTit_more:hover { color:#157ed9;}
 
/**
 * Modul layout
 */
.home_hotVideo { float:left; width:712px;}
.home_files { float:right; width:468px;}

/**
 * ListTabs
 * For hotvideo modul
 */
.listTab-head { float:right; width:50%;}
.listTab-head ul { padding:15px 0;}
.listTab-tab { height:34px; line-height:34px; vertical-align:bottom;}
.listTab-tab a { position:relative; display:block; padding:0 70px 0 40px; font-size:12px; color:#666;}
.listTab-tab-ico { position:absolute; top:0; left:20px; display:inline-block; width:16px; height:16px; margin-right:5px; text-align:center;}
.listTab-tab-ico i { font-size:16px; color:#ccc; vertical-align:-1px;}
.listTab-tab-txt { display:block;}
.listTab-tab-name { position:absolute; top:0; right:30px; text-align:right; color:#afafaf;}
.listTab-tab:hover .listTab-tab-ico i:before { content: "\e65e"; font-size:14px; color:#ccc;}

.listTab-tab .listTab-cur { background:#f6f6f6; color:#157ed9;}
.listTab-tab .listTab-cur .listTab-tab-ico i:before { content: "\e65e"; font-size:14px; color:#157ed9;}

.listTab-body { float:left; width:50%;}
.listTab-con { display:none; position:relative; cursor:pointer;}
.home_hotVideo_play { position:absolute; top:50%; left:50%; width:80px; height:80px; margin:-40px 0 0 -40px; z-index:100; background:url(../images/sprite.png) 0 -150px no-repeat; opacity:.8; filter:alpha(opacity=80); -ms-filter:alpha(opacity=80);}
.home_hotVideo_tit { position:absolute; bottom:0; right:0; left:0; height:40px; padding:0 20px; line-height:40px; text-align:center; background:#000; background:rgba(0,0,0,.7); font-size:12px; color:#878787;}
.home_hotVideo_img img { width:auto; height:267px;}
.listTab-con:hover .home_hotVideo_play { opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}

/**
 * CardTabs
 * For document modul
 */
.cardTab { height:267px; overflow:hidden;}
.cardTab-tab { position:relative; float:left; width:25%; *width:24.99%;/* 如要增加tab个数需修改这里的宽度百分比 */}
.cardTab-tab a { display:block; padding:12px 0; border-bottom:1px #eaeaea solid; background:#f6f6f6; text-align:center; cursor:pointer;  line-height:24px; font-size:14px; font-weight:bold; color:#999;}
.cardTab-tab:hover a { background:#eee;}
 
.cardTab-tab .cardTab-cur,
.cardTab-tab:hover a.cardTab-cur { border-left:1px #eaeaea solid; border-right:1px #eaeaea solid; border-bottom:1px #fff solid; background:#fff; color:#444;}
.cardTab-first a,
.cardTab-first .cardTab-cur { border-left:none;}
.cardTab-last a,
.cardTab-last .cardTab-cur { border-rgiht:none;}
 
.cardTab-con { padding:19px 0; display:none;}
.home_files_list { vertical-align:bottom;}
.home_files_link { display:block; position:relative; padding:0 40px 0 54px; line-height:36px; font-size:12px; color:#666;}
.home_files_link:hover { background:#f6f6f6;}
.home_files_link i { position:absolute; top:8px; left:24px; vertical-align:middle;}
.home_files_link span { display:block; position:absolute; top:0; right:24px; font-size:14px; color:#afafaf;}
.home_files_link span:hover { color:#157ed9;}

 
/**
 * Recommonded course
 */
.recommond { position:relative; height:180px; overflow:hidden;}
.recommond:hover .course_slide { top:0; opacity:1; filter:alpha(opacity=100);}
.recommond .course_bottom { position:absolute; right:0; bottom:0; left:0; background:#fff; z-index:2;}

.course_slide { position:absolute; top:180px; right:0; left:0; width:224px; height:120px; overflow:hidden; background:url(../images/course_cover.png) 0 0 no-repeat; z-index:1; transition:all .5; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s;}
.course_book { width:120px; height:153px; margin:0 auto;}

.filetype_lab { display:inline-block; width:26px; height:14px; margin-right:5px; background:url(../images/sprite.png) 0 0 no-repeat; vertical-align:middle;}

 
/**
 * Experts
 */
.experts { position:relative; height:300px;}
.experts_bar { position:absolute; right:0; bottom:0; left:0; height:0; background:#157ed9; z-index:1;}

.experts_top { padding:20px 0; background:url(../images/bg/teacher_bg.png) center bottom no-repeat; text-align:center;}
.experts_top .portrait_md { margin:0 auto;}
.experts_img,
.experts_img img { width:90px; height:90px; border-radius:50%;}
.experts_img { margin:0 auto; border:5px #fff solid; -webkit-box-shadow:0 0 15px rgba(0,0,0,.15); -moz-box-shadow:0 0 15px rgba(0,0,0,.15); -o-box-shadow:0 0 15px rgba(0,0,0,.15); -ms-box-shadow:0 0 15px rgba(0,0,0,.15); box-shadow:0 0 15px rgba(0,0,0,.15);}
.experts_txt { padding-top:10px;}
.experts_txt h3 { line-height:30px; font-size:20px; color:#444;}
.experts_txt h4 { line-height:20px; font-size:14px; color:#999;}

.experts_bot { padding:14px 0; text-align:center;}
.experts_work_li { vertical-align:bottom; line-height:24px; font-size:12px; color:#666;}

.experts:hover .experts_bar { height:8px;}
.experts:hover .experts_top { padding-bottom:12px;}

 
/**
 * Links
 */
.links { padding:10px 0; text-align:center;}
.links img { width:200px; height:40px;}

.links_pg { position:absolute; top:4px; right:0; z-index:1;}
.links_pg_prev,
.links_pg_next { display:inline-block; width:25px; height:18px; margin-left:5px; background:#ccc; text-align:center; line-height:18px; font-size:18px; color:#fff;}
.links_pg_prev:hover,
.links_pg_next:hover { background:#aaa;}
.links_pg_disabled,
.links_pg_disabled:hover { background:#ddd; cursor:default;}

.linksWidth { position:relative; overflow:hidden; height:80px; margin-top:-10px;}
.linksWidth ul { position:absolute; top:0; left:0;}
.linksWidth li { margin-top:10px; margin-bottom:10px;}


 


/* 课程
   ========================================================================== */

/**
 * 全部课程
 ----------------------------------------------------------------------------*/
 
/**
 * Left and right
 */
.course_left { float:left; width:200px;}
.course_right { float:right; width:976px;}

/**
 * Course catalog
 */
.catalog { padding-bottom:100px; background-image:url(../images/bg/left_menu_bg.png); background-position:center bottom; background-repeat:no-repeat;}

.catalog_li { position:relative; border-bottom:1px #eee solid;}
.catalog_link { display:block; padding:0 30px; line-height:50px; font-size:14px; color:#666;}
.catalog_link:hover { background:#f9f9f9; color:#157ed9;}
.catalog_li .arrright { display:none; position:absolute; top:50%; right:-10px; margin-top:-5px; border-width:5px; border-left-color:#157ed9;}
.catalog_cur,
.catalog_cur.catalog_link:hover  { background:#157ed9; color:#fff;}
.catalog_cur .arrright { display:block;}


/**
 * Course list
 */
.course_list_loading { padding:10px 0; line-height:24px; text-align:center; font-size:14px; color:#999;}
.course_list_loading img { margin-right:10px; vertical-align:middle;}
 
 

/**
 * 推荐课程
 ----------------------------------------------------------------------------*/
 
/**
* Recomm banner
*/
.recomm_ban { height:280px; margin-top:70px; background:#fffcc3 url(../images/homeban/recommend_ban.png) center top no-repeat;}


/**
* Recomm list
*/
.recomm { margin:40px 0 20px;}
.recomm_list .col_wrap { margin-bottom:20px;}
.recomm_more { position:absolute; top:0; right:0; line-height:22px; font-size:14px; color:#999;}
.recomm_more i { margin-left:5px; font-size:14px;}
.recomm_more:hover { color:#157ed9;}