@charset "utf-8";

/*----------------------------------------------------
 *FileName:               common.css
 *Discription:            reset
 *Version:                1.0.0 (2013-01-15)
 *Author:                 Mayz
 ----------------------------------------------------*/
 
/*reset*/ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
iframe,object,embed,fieldset,input,textarea,p,blockquote,td,th { 
	padding: 0; 
	margin: 0; 
} 

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

fieldset,img {
	border: 0;
} 

address,caption,cite,code,dfn,em,strong,th,var { 
	font-weight: normal; 
	font-style: normal;
} 

strong,.bold {
	font-weight:bold;
}

ol,ul {
	list-style: none;
} 

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
	font-size: 100%; 
} 

abbr,acronym,iframe { 
	border: none;
}

pre{
	white-space:normal;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.clearfix:after {
	height: 0px;
	font-size:0;
	clear: both;
	display: block;
	visibility: hidden;
	content: ".";
}
.clearfix {
	*zoom:1;
}
.clear{
	clear:both;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
}

:focus{
	outline:none;
}

/*public*/
.fl{
	float:left;
	_display:inline;
}
.fr{
	float:right;
	display:_inline;
}
.blk{
	display:block;
}
.rl{
	position:relative;
}
.hidden{
	display:none;
}

body{
	background:#bfbfbf;
	position:relative;
}
body,a{
	font-size:14px;
	color:#797979;
}

/*index*/
.container{
	width:970px;
	margin:0 auto;
	background:url(../images/bg.jpg) repeat-x #ebebeb;
	position:relative;
}
.header{
	height:46px;
	font:18px/42px "微软雅黑";
	position:relative;
	text-align:center;
	color:#dedede;
}
.logo{
	position:absolute;
	top:0;
	left:14px;
}
.search{
	position:absolute;
	top:6px;
	right:10px;
	background:url(../images/search_bg.jpg) no-repeat;
	height:34px;
}
.submit{
	display:inline-block;
	width:34px;
	height:34px;
	background:none;
	border:none;
	cursor:pointer;
}
.keywords{
	display:inline-block;
	height:34px;
	line-height:34px;
	width:180px;
	background:url(../images/search_bg.jpg) no-repeat top right;
	border:none;
	color:#b3b3b3;
	*margin-top:-1px;
}
.content{
	padding:2px 35px;
}
.xzkc{
	margin-bottom:20px;
	/*border: 1px solid red;*/
	/*overflow: hidden;*/
}

.xzkc_mid{
	width: 1200px;
}
.title{
	margin-bottom:18px;
}
.title,.more{
	font:18px "微软雅黑";
	color:#747474;
}
.more{
	float:right;
	display:inline;
}
.more span{
	font-family:"宋体";
	font-weight:bold;
}
.xzkcBox{
	float:left;
	display:inline;
	width:126px;
	margin-right:67px;
	font:12px/150% "微软雅黑";
}
.content .right0{
	margin-right:0;
}
.courseImg{
	margin-left:-7px;
}
.courseImg:hover{
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	transform: scale(1.02);
	/*transform:scale(1.4);*/
	 transition: all 1s ease 0s;
}
.courseName{
	font-size:14px;
	color:#4d4d4d;
	margin:12px 0 6px;
}
.shadow{
	display:block;
}
.imgLinks{
	margin:8px 0 16px;
}
.imgLinks img{
	float:left;
	display:inline;
	margin-right:31px;
}
.courseIcon{
	float:left;
	display:inline;
	padding:10px 13px 34px 14px;
	margin-right:15px;
	background:url(../images/download_bg.jpg) no-repeat;
}
.ydkc{
	margin:20px 0 35px;
}
.ydkcBox{
	float:left;
	display:inline;
	margin:0 38px 0 -7px;
	font:12px/150% "微软雅黑";
	width:280px;
}
.ydkcBox .courseName{
	margin-top:0;
}
.download{
	clear:both;
}
.ipad,.android{
	display:inline-block;
	width:90px;
	line-height:29px;
	text-align:right;
	background:url(../images/ipad.jpg) no-repeat;
	margin:0 5px;
	padding-right:6px;
}
.android{
	width:112px;
	background:url(../images/android.jpg) no-repeat;
	margin-left:10px;
}
.footer{
	position:relative;
	height:49px;
	line-height:49px;
	background:url(../images/bottom.jpg) repeat-x;
	padding-left:180px;
	font-family:"微软雅黑";
	color:#dedede;
}
.footer,.footer a{
	color:#dedede;
}
.footer a{
	margin-right:15px;
}
.logo2{
	position:absolute;
	top:1px;
	left:10px;
}
.copy{
	float:right;
	display:inline;
	margin-right:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#636363;
}
.bottom{
	overflow:hidden;
	width:100%;
	height:0;
	position:absolute;
	bottom:46px;
	background:url(../images/close.png) no-repeat 99% 8px;
	background-color:rgba(0,0,0,0.5); 
	background-color:#000\9; 
	_background-image:url(../images/close_ie6.png);
	filter:alpha(opacity=50);
}
.bottom *{
	position:relative;
}
.bottom .close{
	position:absolute;
	top:8px;
	left:99%;
	width:25px;
	height:27px;
	margin-left:-25px;
	background:url(about:blank);
	z-index:2;
}
.yqts,.yqts a{
	font:14px/150% "微软雅黑";
	color:#fff;
}
.yqts a{
	color:#fffbb1;
}
.yqts{
	text-align:center;
	margin:8px 0 0 0;
}
.yjkcBox{
	float:left;
	display:inline;
	width:155px;
	margin-right:25px;
	margin-bottom:25px;
	font:12px/150% "微软雅黑";
}
.kfgd{
	margin:0 auto;
	width:898px;
	background:url(../images/kfgd_bg2.jpg) repeat-y;
	margin-bottom:30px;
}
.kfgdCont{
	height:610px;
	background:url(../images/kfgd_bg.jpg) no-repeat;
	overflow:hidden;
}
.kfgdNav{
	float:left;
	_display:inline;
	width:288px;
}
.kfgdMain{
	float:right;
	_display:inline;
	width:576px;
	padding:0 10px 0 24px;
}
.kfgdMain .centerPic{
	display:block;
	margin: 24px auto;
}
.kfgdNavName{
	font:18px/76px "微软雅黑";
	color:#816126;
	text-align:center;
	margin-bottom:6px;
}
.kfgdNav a{
	display:block;
	padding-left:22px;
	background:url(../images/dd.gif) no-repeat 9px;
	color:#a18956;
	font:12px/31px "微软雅黑";
}
.kfgdNav .on{
	text-decoration:none;
	background:url(../images/nav_on.png) no-repeat;
	color:#eedfbe;
	padding-bottom:10px;
	margin-bottom:-10px;
	position:relative;
	z-index:2;
}
.zwTit,.zwTit2,.zwTit3,.zzTit{
	font:14px "微软雅黑";
	color:#b49961;
	text-align:center;
	margin:22px 0 6px;
	font-size:16px;
}
.zwTit2{
	margin:10px 0 6px;
}
.zwTit2 span,.zzTit span{
	display:block;
	font-size:12px;
}
.zwTit3{
	margin:32px 0 40px;
}
.author,.zzAuthor{
	font:12px "微软雅黑";
	text-align:center;
	color:#c0ac82;
	margin-bottom:26px;
}
.zzAuthor{
	margin-bottom:20px;
}
.zwBox{
	padding-right:24px;
}
.kfgdMain .zw{
	font:14px/22px "微软雅黑";
	color:#737373;
	text-align:justify;
	text-justify:inter-ideograph;
	height:500px;
}
.kfgdMain h2{
	font:bold 13px "微软雅黑";
	color:#b49961;
	text-align:center;
	margin:22px 0;
}
.kfgdMain .sm{
	text-align:right;
	margin-top:22px;
}

/*---scrollBox---*/
.scrollBox{
	position:relative;
}
.page{
	overflow:hidden;
}
.newsList{
	height:224px;
}
.scrollBar{
	position:absolute;
	height:100%;
	width:8px;
	background:#d0d0d0;
	top:0;
	right:0px;
	zoom:1;
}
.scrollBtn{
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:22px;
	background:#d7c49d;
	cursor:pointer;
}
.scrollBar .mouseDown{
	background:#d5ae5f;
}
.kfgdMain embed{
	display:block;
	margin:0 auto;
}

/***这里是图片无缝滚动(向左)的效果 标签<div id="outdemo"> CSS 样式的  开始****/
img{
  border:0;
}
#outdemo_nav{overflow:hidden;
	position: relative;
}
#outdemo {position: relative;
  overflow:hidden;
  width:2000px;
}
#indemo {
  float: left;
  width:10001px;
}
#demo1 {
  float: left;
  margin-right:67px;
  /*border: 1px solid red;*/
}

.aside_Drag{width: 900px;height:30px;margin-top: 9px; border: #dbdcdc 1px solid;
 background-color:#fff;border-radius: 15px;position: relative;
}
.aside_Drag p{width: 850px;background:#8c8c8c;height:1px; 
    position: absolute;top:16px;left:30px;background: #dbdcdc; }
.aside_Drag .Drag_D{
      width: 50px;height:15px;position: absolute;left:10px;top:8px; border-radius: 20px;border: #dbdcdc 1px solid;
      background: rgb(237,237,237); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(196,196,196,1) 50%, rgba(170,170,170,1) 52%, rgba(224,224,224,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(50%,rgba(196,196,196,1)), color-stop(52%,rgba(170,170,170,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(196,196,196,1) 50%,rgba(170,170,170,1) 52%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(196,196,196,1) 50%,rgba(170,170,170,1) 52%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(196,196,196,1) 50%,rgba(170,170,170,1) 52%,rgba(224,224,224,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(196,196,196,1) 50%,rgba(170,170,170,1) 52%,rgba(224,224,224,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
.aside_Drag #Drag_D1{
      width: 900px;height:30px;position: absolute;left:0px;top:0px; border-radius: 20px;cursor: pointer;
}