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

.colorBody{ background:#f5f5f5;}

.gkd_banner{ position:relative; width:100%; min-width:1200px; height:400px;}
#full-screen-slider { width:100%; height:400px; float:left; position:relative}
#slides { display:block; width:100%; height:400px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:30px; z-index:9900; margin:0}
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin:0 6px; background:#c0c2c0; border-radius:12px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { width:32px; background:#FFFFFF;}

.gkd_new{ position:absolute; top:161px; left:50%; margin:0 0 0 280px; z-index:999; width:320px; height:400px; background:rgba(255,255,255,.7);}
.gkd_new_padd{ padding:20px 20px 0;}
.gkd_new_tab{ height:36px; background:#0a4994; border-radius:8px; overflow:hidden;}
.gkd_new_tab li{ width:50%; height:36px; line-height:36px; font-size:15px; color:#FFFFFF; float:left; cursor:pointer; text-align:center;}
.gkd_new_tab li.active{ background:#072f61;}
.gkd_new_con{ min-height:320px; margin-top:10px;}
.gkd_hotkc{}
.gkd_hotkc li{ line-height:32px; font-size:14px; color:#4C4C4C; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_hotkc li a{ color:#4C4C4C;}
.gkd_hotkc li:before{ content:''; display:block; margin:9px 10px 0 0; width:14px; height:14px; background:url(../images/gkd_hotkc.png) no-repeat; float:left;}
.gkd_notice{}
.gkd_notice li{ line-height:32px; font-size:14px; color:#4C4C4C; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_notice li a{ color:#4C4C4C;}
.gkd_notice li:before{ content:''; display:block; margin:9px 10px 0 0; width:14px; height:14px; background:url(../images/gkd_notice.png) no-repeat; float:left;}
.gkd_notice li span{ margin-left:10px;}

.gkd_modle{ width:1200px; min-height:100px; background:#FFFFFF; margin:20px auto 0; border-radius:8px;}
.gkd_modle_title{ padding:0 20px; height:48px; border-bottom:solid #f0f0f0 1px;}
.gkd_modle_tab{ height:48px; line-height:48px;}
.gkd_modle_tab li{ position:relative; margin-right:30px; font-size:18px; color:#cccccc; float:left; cursor:pointer;}
.gkd_modle_tab li.active{ color:#0071ae; font-weight:bold;}
.gkd_modle_tab li+li:before{ position:absolute; left:-14px; top:15px; content:''; display:block; width:2px; height:18px; background:#cccccc; text-align:center;}
.gkd_more{ padding-right:20px; line-height:48px; font-size:14px; color:#999999; background:url(../images/more-icon.png) no-repeat right center;}

.gkd_modle_con{ min-height:390px;}
.gkd_modle_con ul{ padding-top:20px;}
.gkd_modle_con li{ margin-left:20px; position:relative; width:216px; height:220px; float:left;}
.gkd_modle_con li img{ width:216px; height:140px; margin-bottom:12px; display:block; border-radius:4px;}
.gkd_modle_con li .gkd_modle_h3{ line-height:22px; font-size:14px; color:#000000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_modle_con li .gkd_modle_text{ height:22px; line-height:22px; font-size:13px; color:#808080; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_modle_con li .gkd_modle_text dt{ max-width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_modle_con li .gkd_modle_text dd{ max-width:60%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_modle_con li .color_blue{position:absolute;left:5px;top:5px;height:20px;line-height:20px;padding:0 12px;background: #0185f2;font-size:12px;color:#FFFFFF;font-family:arial;border-radius:24px;}
.gkd_modle_con li .color_yellow{position:absolute;left:5px;top:5px;height:20px;line-height:20px;padding:0 12px;background: #ff6600;font-size:12px;color:#FFFFFF;font-family:arial;border-radius:24px;}
.gkd_modle_con li .kktime{ position:absolute; left:0; top:94px; width:100%; height:20px; line-height:20px; font-size:12px; color:#FFFFFF; background:rgba(0,0,0,.6); text-align:center;}

.gkd_content{ margin-top:20px; width:1200px; min-height:100px; margin:20px auto 0;}
.gkd_manual{ width:387px; background:#FFFFFF; border-radius:8px;}
.gkd_teac{ width:386px; background:#FFFFFF; border-radius:8px; margin:0 20px;}
.gkd_stud{ width:387px; background:#FFFFFF; border-radius:8px;}

.gkd_manual_con{ min-height:372px;}
.gkd_manual_con ul{ padding:17px 20px;}
.gkd_manual_con li{ line-height:30px; font-size:14px; color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gkd_manual_con li:before{ content:''; display:block; margin:7px 10px 0 0; width:16px; height:16px; background:url(../images/gkd_manual.png) no-repeat; float:left;}

.gkd_teac_con{ min-height:372px;}
.gkd_teac_con ul{ padding:20px 0 0 22px;}
.gkd_teac_con li{ margin:0 25px; width:64px; height:115px; line-height:24px; font-size:14px; color:#333333; float:left; text-align:center;}
.gkd_teac_con li p{width: 100%;overflow: hidden;height: 24px;text-overflow: ellipsis; white-space: nowrap;}
.gkd_teac_con li img{ width:64px; height:64px; margin-bottom:10px; display:block; border-radius:50%;}


.spanCell_gray,.spanCell_blue{ border-radius:0 3px; position:absolute; right:0; top:0; /*width:54px;*/padding: 0 10px; height:26px; line-height:26px; font-size:12px; color:#FFFFFF; text-align:center;}
.spanCell_gray{ background:#999999;}
.spanCell_blue{ background:#0099ff; cursor: pointer;}
.courseli .spanCell_gray{display:none}
.courseli:hover .spanCell_gray{display:block}
.courseli .spanCell_blue{display:none}
.courseli:hover .spanCell_blue{display:block}

.zsidebar { position: fixed; top: 50%; left: 0px; margin-top: -30px; width: 50px; height: 200px;z-index:999}
.zsidebar-link { width: 38px; height: 84px;}
.zsidebar-show { display: none; position: absolute; left: 60px; bottom: 115px; width: 140px; padding: 25px 14px 4px; border: 1px #f0f0f0 solid; border-radius: 3px; background: #fff;}
.zsidebar-show img { width: 100%;}
.zsidebar-show p { line-height: 30px; text-align: center; font-size: 12px; color: #999;}
.zsidebar-close { position: absolute; right: 4px; top: 1px; width: 20px; height: 20px; background: url(../images/icon_close_03.png) center center no-repeat; cursor: pointer;}