@charset "utf-8";
/* CSS Document */
/*首页*/
.box{width:1000px;  margin:0 auto;}
.bgbk{background:url(../img/bgbk.jpg) no-repeat;height:661px;}
.bot{ height:39px; background:#434436;text-align:center; }
.bot a{ letter-spacing:0.5em; color:#FFF; line-height:39px;}
.box .logo{ width:176px; height:41px; margin:0 0 0 37px; padding-top:25px;}
.box .menus{ width:917px; height:30px; margin:20px auto 0;}
.box .menus ul { margin:0 auto; width:900px;}
.box .menus ul li{ float:left;}
.box .menus ul li a{ display:block; width:100px; text-align:center; line-height:30px; background-color:#3c3d30; color:#FFF; font-size:14px; font-weight:bold;}
.box .menus ul li a:hover{ background-color:#6c6a63; cursor:pointer;}
.box .coursemenus { position:relative; left:553px; top:50px; width:300px;}
.box .coursemenus a{ color:#333; font-weight:bold; text-align:center; display:block; background:url(../img/btn.png) no-repeat; width:71px; height:71px; line-height:71px; position:absolute}
.box .coursemenus a:hover{ background:url(../img/btn_X.png) no-repeat; cursor:pointer;}
.coursemenus .l1{ position:absolute; left:20px; top:0}
.coursemenus .l2{ position:absolute; left:110px;}
.coursemenus .l3{ position:absolute; left:200px;}
.coursemenus .l4{ position:absolute; left:-20px; top:100px;}
.coursemenus .l5{ position:absolute; left:70px; top:100px;}
.coursemenus .l6{ position:absolute; left:160px; top:100px;}
.coursemenus .l7{ position:absolute; left:250px; top:100px;}
.coursemenus .l8{ position:absolute; left:20px; top:200px;}
.coursemenus .l9{ position:absolute; left:110px; top:200px;}
.coursemenus .l10{ position:absolute; left:200px; top:200px;}
/*辅助栏目页面*/
.bodybk{background-color:#efebdc;margin:0 auto; width:1000px;}
.box1{background:url(../img/box1bk.gif) no-repeat top;   }
.box1 .logo{padding:30px 0 0 35px; width:176px; height:41px; float:left}
.box1 .title{ width:279px; height:59px; float:right; padding:30px 33px 0 0;}
.box1 .menus{ width:900px; height:30px; margin:10px auto 0;}
.box1 .menus ul { margin:0 auto; width:900px;}
.box1 .menus ul li{ float:left;}
.box1 .menus ul li a{ display:block; width:100px; text-align:center; line-height:30px; background-color:#3c3d30; color:#FFF; font-size:14px; font-weight:bold;}
.box1 .menus ul li .click_a{ background-color:#6c6a63 !important; cursor:pointer; color:#e0e087 !important}

.box1 .menus ul li a:hover{ background-color:#6c6a63; cursor:pointer; color:#e0e087}
.box1 .middle{ background:url(../img/mainbk.gif) center repeat-y; width:900px; margin:0 auto;}
.box1 .middle_top{ background:url(../img/maintop.gif) no-repeat  center top}
.box1 .middle_bot{ background:url(../img/mainbot.gif) no-repeat center bottom ;}
.box1 .content{ min-height:550px; width:800px; margin:0 auto; }
.content{font-size:13px; line-height:25px;}
.content a{font-size:13px; line-height:25px;}
.host{
	padding: 14px 10px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#666;
	line-height:25px;
	background:url(../img/ico.gif) no-repeat 10px 20px;
	padding-left:30px; margin:0 8px;
	margin-bottom:20px;
}
/*课程学习栏目*/
.middle1{ width:900px;background:url(../img/mian1bk.gif) repeat-y 0px 0px; margin:0 auto;}
.middle1_top{ background:url(../img/mian1top.gif) no-repeat top center;}
.middle1_bot { background:url(../img/mian1bot.gif) no-repeat center bottom}
.main_l{ width:215px; background:url(../img/main_l.gif) no-repeat top; float:left;  background-color:#FFF; margin:0 0 0 0px; }
.main_r{ float:right; width:680px; margin:0 auto; }
.main_l_b{ background:url(../img/m_l_bot.gif) no-repeat bottom; min-height:500px; padding-bottom:130px;}
.main_l_b ul{ margin:50px 0 0 22px; width:174px;white-space:nowrap;
}
.main_l_b li{ background:url(../img/ico1.gif) no-repeat 5px 13px; padding-left:20px;
cursor:pointer;
	line-height:35px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	  text-overflow:ellipsis; 
  -o-text-overflow:ellipsis; 
  overflow: hidden;
}
.main_l_b li a{ color:#666}
.clickli{background:url(../img/icoX.gif) no-repeat 5px 13px !important;}
.clickli a{ color:#8e5836 !important; font-weight:bold }

.main_l_b div{ padding-left:10px;}
.main_l_b div h1{
	cursor:pointer;
	background:url(../img/ico2.gif) no-repeat 13px 10px;
	padding-left:30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	text-overflow:ellipsis; 
  -o-text-overflow:ellipsis; 
  overflow: hidden;
  line-height:25px;}
.clickh1{ background:url(../img/libk.gif) no-repeat 0px 0px!important;}
/*课程学习里IFRAME样式*/
.main_box{ width:600px; margin:0 auto 15px;}
.main_box h1{ width:650px; font-size:13px; color:#333; font-weight:bold; text-align:center; margin:15px auto;}
.main_box .page{
	width:auto;
	margin: 5px auto 0;
	height: 30px;
	background: url(../img/page_bk.gif) repeat-x;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	font-weight: bold;
	border: 1px solid #c8dcdf;
	cursor:pointer;
}
.main_box .page a{ float:right; color:#F00; padding-right:10px; cursor:pointer;}
.main_box .page_bk{
	width:auto;
	background:#f5f5f5;
	margin: 0 auto;
	padding:0 10px 0 10px;
	/*text-indent:2em;*/
	line-height:25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}

.videoplay a{
	display: block;
	text-align: center;
	background: #bca977;
	border: 1px solid #b29f71;
	color:#FFF; width:90px;
	text-indent:0em !important;
	float:right;
	cursor:pointer;
	margin:5px;
}


/*答疑*/
.dy_list{
	cursor:pointer;
	margin: 2px auto 3px;
	width: 700px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #E0E0E0;
	color:#333; font-weight:bold;
	background:url(../img/ico3.gif) no-repeat 10px 12px; padding-left:30px;
}
.dy_listX{background:url(../img/ico3X.gif) no-repeat 10px 12px !important;}
.content dl{
	width: 710px;
	background-color: #f5f5f5;
	margin: 0 auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	line-height:25px;
	padding:10px;
}

.contentmain{ padding:0 10px 0 10px; line-height:25px; margin:0 15px;}