@charset "utf-8";
/* 说明：首页样式 */

body, div, p, h2, ul, input, button{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing:border-box; }
body{ font-size:14px; font-family:'微软雅黑'; color:#333; min-width:1000px; }
ul, li{ list-style:none; }
img{ border:0; }
a{ text-decoration:none; color:#333; }
a:hover{ color:#0623a9; }
button{ border:none; outline:none; }

.fl{ float:left; }
.fr{ float:right; }
.cl{ clear:both; }
.lh0{ line-height:0; }
.mt20{ margin:20px 0 0 0; }
.mr20{ margin:0 20px 0 0; }


/*head*/
.index_head{ background:url(../img_index/head_bg.png) repeat-x; }
.head{ margin:0 auto; width:1000px; height:35px; line-height:35px; color:#9b9b9b; }
.head_right span{ font-size:13px; color:#666; }
.head_r_inp{ width:80px; height:20px; border:1px solid #ddd; }
.head_r_btn{ display:inline-block; width:50px; height:25px; line-height:25px; font-size:12px; color:#666;  text-align:center; vertical-align:middle; cursor:pointer; background:url(../img_index/head_btn_bg.png) no-repeat; }
.head_r_name{ margin:0 10px 0 0; color:#016cb2; font-weight:bold; }
.head_r_a{ display:inline-block; width:65px; height:35px; font-size:12px; color:#666;  text-align:center; background:url(../img_index/head_a_bg.png) no-repeat 0 5px; }


.index_wrap{ margin:0 auto; width:1000px; background-color:#f7f7f7; }

.logo{ padding:9px 0; height:100px; }
.logo img{ cursor:pointer; }

.main_nav{ height:40px; padding: 10px 0; background:url(../img_index/nav_bg.png) repeat-x; }
.main_n_ul{ margin:0 80px; }
.main_n_ul li{ float:left; padding:0 25px; text-align:center; border-left: 1px dashed #53a4d8; }
.main_n_ul li:first-child {border: 0;}
.main_n_ul li a{ display:block; color:#fff; }
.main_n_ul li a:hover{ display:block; color:#f60; }

.index_banner img{ width:100%; }

.index_c_box{ overflow:hidden; }

.index_cb_ul li{ margin-bottom:6px; width:252px; height:40px; cursor:pointer; background:url(../img_index/in_c_li_bg.png) no-repeat;}
.index_cb_ul li:last-child{ margin-bottom:0; }
.index_cb_ul li:hover{ background:url(../img_index/in_c_li_bg2.png) no-repeat;}
.index_cb_ul li>span { display: inline-block; float: left; width:45px; height:23px; padding:7px 5px 8px 8px;}
.index_cb_ul li img{ display: inline-block;height: 18px; padding: 3px; background-color: #fff; }
.index_cb_ul li h2{ line-height:40px; font-size:16px; font-weight:normal; color:#0623a9; }

.index_cb_cen{ width:728px; }

.index_cb_title{ width:100%; height:35px; line-height:35px; background:url(../img_index/in_cbt_bg.png) repeat-x; border-right:1px solid #ddd; }
.index_cbt_name{ width:133px; height:35px; font-weight:bold; text-indent:2em; color:#fff; background:url(../img_index/in_cbt_bg2.png) no-repeat; }
.index_cbt_more{ padding-right:20px; font-size:12px; }
.index_cbt_more a{ color:#666; }

.index_cb_con{ padding:10px; background:#fff; border:1px solid #ddd; border-top:none; overflow:hidden; }
.index_cm_con{ padding:10px 0;}

.index_cbc_video{ width:295px; height:164px; }
.index_cbc_text{ padding-left:15px; width:405px; line-height:23px; text-indent:2em; }

.index_cb_name{ position:absolute; z-index:2; margin-top:10px; padding:0 8px; width:120px; height:40px; line-height:40px; color:#666; background:url(../img_index/in_ctc_loadbg2.png) no-repeat; }
.index_cb_load{ margin:10px 0 0 98px; padding-left:30px; width:630px; height:40px; line-height:40px; background:url(../img_index/in_ctc_loadbg.png) repeat-x; border-right:1px solid #ddd; }
.index_cbl_a{ display:inline-block; padding:0 40px 0 20px; height:40px; font-size:13px; font-weight:bold; color:#016cb2; }
.index_cbl_book{ background:url(../img_index/in_ctc_coin1.png) no-repeat 0 11px; }
.index_cbl_video{ background:url(../img_index/in_ctc_coin2.png) no-repeat 0 11px; }

.course_list_tab{ width:100%; }
.cou_lis_div{ margin:0 auto; padding:12px 10px; zoom:1; width:230px; border:1px solid #b3b3b3; }
.cou_lis_a{ position:relative; display:block; width:210px; height:120px; overflow:hidden; transition:all .3s ease-in; }
.cou_lis_a:before{ position:absolute; left:0; top:0; width:210px; height:120px; content:''; background-color:transparent; opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transition:all .3s ease-in; }
.cou_lis_a:hover{ box-shadow:0 0 10px #0623a9; }
.cou_lis_a:hover:before{ background-color:transparent\9; opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
:root .cou_lis_a:hover:before{ background-color:#0623a9; }
.cou_lis_a img{ width:210px; height:120px; }
.cou_lis_ul li{ clear:both; height:23px; line-height:23px; color:#666; font-size:13px; }
.cou_lis_as{ font-weight:bold; color:#666; font-size:14px; }
.cou_men_num{ color:#f60; }
.cou_lis_name{ color:#666; }
.c_l_nc{ padding:0 3px 0 0; font-size:12px; color:#f60; }
.cou_xg{ padding:0 3px; color:#ccc; }
.cou_lis_ss{ padding:0 20px 0 0; cursor:pointer; background:url(../img_index/sc_img1.png) no-repeat right center; }
.cou_lis_s{ cursor:pointer; background:url(../img/sc_img2.png) no-repeat right center; padding:0 20px 0 0;}

.index_cb_box{ width:490px; }
.index_c_ul{ padding:10px; }
.index_c_ul li{ padding:0 0 0 15px; width:450px; height:35px; line-height:35px; background:url(../img_index/in_cb_libg.png) no-repeat 0 center; border-bottom:1px dotted #ddd; }
.index_c_ul li a{ float:left; width:380px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.index_c_ul li span{ float:right; font-size:12px; color:#999; }


/*foot*/
.index_foot{ margin:10px 0 0 0; background-color:#eee; border-top:1px solid #ddd; }
.bottom{ padding:15px 0; height:70px; line-height:20px; text-align:center; font-size:14px; color:#979797; }
.bottom p span {margin-left: 15px;}