﻿*{margin: 0px;padding: 0px; font-family:"Microsoft YaHei",Arial; }	/* 设置所有元素外边距及填充为 0 */
img{color: transparent;font-size: 0;-ms-interpolation-mode: bicubic;border: none;vertical-align: top;}	/* 解决图片显示时的一些问题 */
a{text-decoration: none;color:#000;}	/* 去掉链接下划线 设置垂直对齐方式为居中对齐*/
a:hover{color:#c00;}
a:focus{outline:none;}
ul,li{list-style-type: none;}	/* 去掉列表的项目符号 */
li{vertical-align: bottom;display: list-item;}	/* 解决列表在个别浏览器中特定条件下显示不正常的问题 */
table,td{border-spacing: 0px;border-collapse: collapse;}	/* 设置表格单元格间隙为0 设置表格边框塌陷(便于创建单像素表格线) */
th,td,caption {font-weight: normal;vertical-align: top;}	/* 设置表格单元格垂直对齐方式为顶部对齐 */
div{overflow: hidden;}
html,body{width: 100%;height: 100%; text-align:center;}		/* 设置HTML及BODY元素宽度为100% 对齐方式为居中，解决个别浏览器body中元素居中显示问题 */
a,h1,h2,h3,h4,h5,h6,p,div,span,li,td{font-weight:lighter;}	/* 设置默认对齐方式为左对齐 文字显示为细体 */
textarea{overflow:auto;}	/* 设置文本区域自动显示滚动条 */


/* 测试用背景色 */
.bg1{background-color:#f66;}
.bg2{background-color:#fc6;}
.bg3{background-color:#ff6;}
.bg4{background-color:#cf6;}
.bg5{background-color:#6f6;}
.bg6{background-color:#6fc;}
.bg7{background-color:#6ff;}
.bg8{background-color:#6cf;}
.bg9{background-color:#66f;}


/* 定位方式 */
.abs{position: absolute;}
.rel{position: relative;}
.fix{position: fixed;}

/* 层 与父宽度相同的布局元素，默认高度为自动 */
.row{
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	clear: both;
	text-align:left;
	}

/* 列 水平排列的布局元素，默认宽高、高度均为自动 */
.f,.fl,.fr,.col,.col-r{
	display: inline;
	width: auto;
	height: auto;
	overflow: hidden;
	}
.f,.fl,.col{float: left;}	/* 左侧浮动 */

.fr,.col-r{float: right;}	/* 右侧浮动 */

/* ajax加载中 */
.ajax-loading{
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -50px;
	width: 400px;
	height: 100px;
	line-height: 100px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 5px 5px 15px #333;
	clear: both;
	font-size: 24px;
	color: #999;
}
.ajax-loading img{
	float: left;
	margin: 15px 0px 0px 30px;
}
/* 两侧广告位 */
.fixed-right,.fixed-left{
	display: table;
	position: fixed; 
	top: 50%;
	width: 100px;
	height:auto;
	overflow:hidden;
	z-index:2147483647;
	text-align: right;
}
.fixed-left{left: 0px;}
.fixed-right{right: 0px;}
/* 背景 */
body{
	background:#fff;
	}

/* ------------------------------------ */
/* 网页页面 */
/* ------------------------------------ */
.page{
	position: relative;
	margin: 0px auto 0px auto;
	width: 1300px;
	height: auto;
	overflow: hidden;
	text-align: left;
}
/* ------------------------------------ */
/* 顶部 */
/* ------------------------------------ */
.top{
	min-width:1300px;
	width:100%;
	height: 105px;
	border-bottom:2px solid #000;
}
.top-container{
	position: relative;
	margin: 0px auto;
	width:1300px;
	height:105px;
	background:url(top_bg_3.png) no-repeat;
}
.top-top{
	position:absolute;
	top:0px;
	right:10px;
	width:auto;
	height:auto;
	overflow:hidden;
}
.top-top-lesson,.top-top-site-nav{
	height:30px;
	line-height:30px;
	font-size:12px;
}
.top-top-site-nav{
	margin-left:20px;
}
.top-center{
	position:absolute;
	top:40px;
	right:0px;
	width:auto;
	height:auto;
	overflow:hidden;
	font-size:18px;
	font-weight:bold;
	color:#c00;
}

/* ------------------------------------ */
/* 导航条 */
/* ------------------------------------ */
.nav-bar{
	position:absolute;
	z-index: 65535;
	left: 50%;
	margin-left: -650px;
	top: 65px;
	width: 1300px;
	height: 45px;
	overflow: visible;
	}
.nav-container{
	height: 40px;
	overflow: visible;
	}
.nav-container-r{
	width: 0px;
	height: 45px;
	}
.nav-item{
	float: left;
	width: 80px;
	height: 40px;
	overflow: hidden;
	}
.nav-link,.nav-link-c{
	float: left;
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	overflow: hidden;
	border-bottom:2px solid #000;
	}
.nav-link-c,.nav-link:hover{
	border-bottom:2px solid #c00;
	}
.nav-item ul{
	margin-left: 0px;
	width: 200px;
	height: auto;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	}
.nav-item ul li{
	width: auto;
	height: auto;
	overflow: hidden;
	display: block;
	clear: both;
	margin: 5px;
	height: 35px;
	border-bottom: 1px dotted #ccc;
	}
.nav-item ul li a{
	display: block;
	clear: both;
	padding: 0px 10px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #000;
	text-align: left;
	}
.nav-item ul li a:hover{
	background: #eee;
	color: #000;
	}

/* ------------------------------------ */
/* Banner */
/* ------------------------------------ */
.banner-container{
	position:relative;
	margin:0px auto;
	width:100%;
	height:auto;
	overflow:hidden;
	background:#eee;
	border-bottom:1px solid #ccc;
}
.banner{
	position: relative;
	left:50%;
	margin-left:-960px;	
	width: 1920px;
	height: 700px;
	border-bottom: 2px solid #000;
	background:url(banner_bg.png);
	}
.banner_window{
	width: 1920px;
	height: 700px;
	overflow: hidden;
	}
.banner_slide{
	width: 1920px;
	height: auto;
	overflow: hidden;
	}
.banner_item{
	height: 700px;
	}
.banner_item a,.banner_item a img{
	display: block;
	width: 1920px;
	height: 700px;
	}

/* Banner 缩略图 */
.banner_thumb_bar_bg,.banner_thumb_bar{
	display: none;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 40px;
	}
.banner_thumb_bar{
	text-align: center;
	}
.banner_thumb_list{
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	}
.banner_thumb,.banner_thumb_c{
	margin: 2px;
	width: 100px;
	height: 32px;
	border: 2px solid #ccc;
	}
.banner_thumb{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.banner_thumb:hover,.banner_thumb_c{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.banner_thumb_bar_bg{
	border-top: 1px solid #999;
	background: #666;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}

/* Banner 数字 */
.banner_number_bar_bg,.banner_number_bar{
	display: none;
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 20px;
	}
.banner_number_bar_bg{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; 
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	}
.banner_number_list{
	margin-right: 10px;
	height: 20px;
	}
.banner_number,.banner_number_c{
	float: left;
	padding: 0px 10px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	}
.banner_number{
	color: #aaa;
	background: #000;
	}
.banner_number:hover,.banner_number_c{
	color: #fff;
	background: #666;
	}

.banner_thumb_1st:hover,.banner_thumb_pre:hover,.banner_thumb_next:hover,.banner_thumb_last:hover{
	}
.banner_thumb_1st{margin-left: -490px;}
.banner_thumb_pre{margin-left: -460px;background-position: 0px -53px;}
.banner_thumb_next{margin-left: 430px;background-position: 0px -106px;}
.banner_thumb_last{margin-left: 460px;background-position: 0px -159px;}

/* ------------------------------------ */
/* 路径 */
/* ------------------------------------ */
.path{
	margin: 0px 0px 0px 0px;
	height: 20px;
	}
.path a,.path span{
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 13px;
	font-family: 微软雅黑;
	color: #333;
	}
.path a:hover{
	color: #c00;
	}
.title-bar{
	height: 30px;
	border-bottom: 2px solid #000;
	}
.title-bar-text{
	margin: 5px 0px 0px 10px;
	height: 30px;
	font-family: 微软雅黑;
	text-align: center;
	font-size: 14px;
	color: #333;
	}
/* ------------------------------------ */
/* 主体 */
/* ------------------------------------ */
.main{
	margin:0px auto;
	width: 1300px;
	height: auto;
	overflow:hidden;
	text-align: left;
	}

.main-title{
	width: 1300px;
	height: 70px;
	text-align: center;
	}
.main-title-text{
	position:relative;
	margin:0px auto;
	width:900px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	color: #000;
	letter-spacing: 3px;
	}
.main-title-text a:hover{
	}
.main-title-sub-title{
	font-size:24px;
	color:#c00;
}
.main-title-line{
	position:relative;
	margin:0px auto;
	width:900px;
	border-bottom:2px solid #000;
}
/* ------------------------------------ */
/* 主体左侧 */
/* ------------------------------------ */
.main-left{
	margin-left: 20px;
	width: 920px;
	}
/* ------------------------------------ */
/* 主体右侧 */
/* ------------------------------------ */
.main-right{
	margin-right: 20px;
	width: 220px;
	}
/* ------------------------------------ */
/* 主体左侧目录、内容列表 */
/* ------------------------------------ */
.left-list-title{
	display: block;
	margin-top: 2px;
	padding: 0px 15px;
	width: 200px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #fff;
	}
.left-list-title:hover{
	color: #ff0;
	}
.left-content-list{
	margin: 10px 10px;
	width: 200px;
	}
.left-content-list a{
	float:left;
	width: auto;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	color: #444;
	}
.left-content-list a:hover{
	color: #f00;
	}
.left-content-list span{
	float: right;
	width: auto;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #666;
	}
/* ------------------------------------ */
/* 主体右侧内容显示 */
/* ------------------------------------ */
.content-page{
	margin: 10px 0px 20px 0px;
	width: 920px;
	}
.content-title{
	text-align: center;
	line-height: 2em;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	}
.content-body{
	margin-top: 10px;
	height: auto;
	}
.content_body img{vertical-align: middle;}

.content-bottom{
	margin-top:20px;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #999;
	text-align: center;
	font-size: 14px;
	color: #555;
}

.content-view{
	margin: 10px 0px 20px 0px;
	width: 1300px;
}
.content-view-title{
	text-align: center;
	line-height: 2em;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	}
.content-view-body{
	margin-top: 10px;
	height: auto;
	font-size:16px;
	}
.content-view-bottom{
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #222;
	text-align: center;
	font-size: 14px;
	color: #555;
	}

/* ------------------------------------ */
/* 分类顶部列表 */
/* ------------------------------------ */
.top-category-list{
	margin: 20px 0px 0px 0px;
	text-align: center;
}
.top-category-list-link{
	display: inline-block;
	margin-right: 20px;
	width: 200px;
	height: 60px;
	background: #ddd;
	color: #000;
}
.top-category-list-link-active{
	background: #fc6;
	color:#000;
}
.top-category-list-link:hover{
	background: #fd7;
	color:#000;
}
.category-list-link-text{
	margin: 5px 0px 0px 0px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	cursor:pointer;
}
.category-list-link-english{
	margin: 0px 0px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	cursor:pointer;
}

/* ------------------------------------ */
/* 列表 */
/* ------------------------------------ */
.list{
	margin: 0px 00px 60px 00px;
	padding-top: 10px;
	width: 1300px;
	}
.list-item{
	margin: 20px 0px 0px 0px;
	height: 60px;
	}
.list-datetime{
	width: 60px;
	height: 60px;
	background: #aaa;
	color: #fff;
	}
.list-datetime-day{
	margin-top: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 30px;
	color: #fff;
}
.list-datetime-year-and-month{
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.list-body{
	margin-left: 20px;
	width: 1220px;
}
.list-is-top{
	margin:15px 10px 0px 0px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#f90;
	font-size:16px;
	color:#fff;
	border-radius:6px;
}
.list-title-text{
	height: 60px;
	line-height: 60px;
	text-align:left;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	}
.list-title-text:hover{
	color: #f00;
	}
.list-summary{
	display:none;
	height: 40px;
	line-height: 20px;
	font-size: 14px;
	color: #666;
	text-indent: 2em;
}
.list-summary:hover{
	color: #f00;
	}
.list-hits{
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #666;
}
.list-bottom{
	margin-top: 20px;
}
.list-page-bar{
	margin-left: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	}
.list-page-bar a,.list-page-bar span{
	margin-left: 10px;
	font-size: 14px;
	color: #444;
	cursor:pointer;
	}
.list-page-bar a:hover{
	color: #000;
	}
/* ------------------------------------ */
/* 详细信息列表 */
/* ------------------------------------ */
.detail{
	margin: 0px 0px 0px 30px;
	padding-top: 8px;
	}
.detail-item{
	display: inline;
	float: left;
	clear: both;
	margin: 30px 0px 0px 0px;
	height: 300px;
	background: #fff;
	}
.detail-thumb,.detail-thumb img{
	float: left;
	width: 500px;
	height: 300px;
	}
.detail-thumb{
	position:relative;
	z-index:1;
}
.detail-thumb img:hover{
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	}
.detail-body{
	float: right;
	width: 800px;
	height: 300px;
	}
.detail-time{
	margin: 0px 30px 0px 0px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	}
.detail-title-text{
	margin-left:30px;
	height: 50px;
	line-height: 50px;
	font-size: 28px;
	color: #000;
	}
.detail-title-text:hover{
	color: #c00;
	}
.detail-desc{
	margin: 0px 30px 0px 30px;
	width: 740px;
	overflow: hidden;
	text-align:justify;
	line-height: 1.8em;
	font-size: 18px;
	color: #555;
	text-indent: 2em;
	}
.detail-page-bar{
	margin-top: 20px;
	margin-left: 30px;
	border-top: 1px solid #ccc;
	width: 860px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	}
.detail-page-bar a,.detail-page-bar span{
	margin-left: 10px;
	font-size: 13px;
	color: #444;
	}
.detail-page-bar a:hover{
	color: #000;
	}
.classLesson{
	margin: 10px 0px 0px 5px;
	border: 1px solid #aaa;
	width: 150px;
	height: 105px;
	background: #333;
	}
.classLesson:hover{
	border-color: #c00;
	background: #c00;
	}
.classLesson-thumb{
	width: 150px;
	height: 80px;
	}
.classLesson-title-text{
	width: 150px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-indent: 0px;
	}
/* ------------------------------------ */
/* 页脚 */
/* ------------------------------------ */
.bottom{
	margin-top:40px;
	width: 100%;
	padding: 20px 0px;
	border-top: 2px solid #000;
	text-align: center;
	font-size: 12px;
	color: #666;
	}
.bottom p{
	width: 100%;
	text-align: center;
	height: 20px;
	}
/* ------------------------------------ */
/* 浮动条　底部 */
/* ------------------------------------ */
.floatbar-bottom{
	display: none;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
	height: 40px;
	background: #fff;
	border-top: 1px solid #000;
	}
/* 左侧分类列表 */
.left-content-category-list{

}
.left-content-category-list-title{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	border-bottom: 2px solid #000;
	margin-bottom: 10px;
	}
.left-content-category-list-link,.left-content-category-list-link-a{
	margin-bottom: 1px;
	height: 35px;
	line-height: 35px;
	background: #036;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.left-content-category-list-link-a{
	background: #f90;
}
.left-content-category-list-link:hover{
	background: #f90;
}
/* ------------------------------------ */
/* 浮动条　右侧 */
/* ------------------------------------ */
.floatbar-right{
	display: none;
	visibility: hidden;
	position: absolute;
	right: 0px;
	width: 60px;
	height: 300px;
	background: #fff;
	border: 1px solid #000;
	}
.float-right-online-signup,.float-right-online-signup img{
	width: 60px;
	height: 60px;
	}
/* 搜索列表 */
.search-list{
	position: relative;
	margin: 20px 0px 60px 80px;
	padding-top: 8px;
	width: 800px;
	height: 440px;
	}
.search-list-item{
	height: 40px;
	}
.search-list-title{
	height: 20px;
	}
.search-list-time{
	float: left;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #999;
	}
.search-list-title-text{
	float: left;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	color: #444;
	}
.search-list-title-text:hover{
	color: #c00;
	}
.search-list-title{
	margin: 30px 0px 0px 80px;
	width: 800px;
	height: 50px;
	overflow: hidden;
	font-family: proxima-nova-alt-n4,proxima-nova-alt,proxima-nova;
	font-size: 24px;
	color: #444;
	}
/* 首页广告1 */
#indexAd1{
	font-size:0px;
}
#indexAd1 a{
	width:252px;
	height:168px;
	position:relative;
	z-index:1;
}
#indexAd1 a img:hover{
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
}
/* 首页产品 */
.index-product-area{
	margin-top: 50px;
	}
.index-product-title{
	width: 1300px;
	height: 70px;
	text-align: center;
	}
.index-product-title-text{
	position:relative;
	margin:0px auto;
	width:900px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 30px;
	color: #000;
	letter-spacing: 3px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	}
.index-product-title-text a:hover{
	}
.index-product-title-line{
	position:relative;
	margin:0px auto;
	width:900px;
	border-bottom:1px dotted #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
}
.index-product{
	position:relative;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 1320px;
	margin-left:-20px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	}
.index-product-item{
	display: inline;
	float: left;
	margin-left:20px;
	width: 310px;
	height:340px;
	background: #fff;
	color: #08e;
	}
.index-product-item-link{
	background: #fff;
	color: #555;
	}
.index-product-thumb{
	margin-top: 10px;
	width: 310px;
	height: 220px;
	background: #fff;
	}
.index-product-thumb:hover{
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	transition: transform .3s linear;
	}
.index-product-name{
	width: 310px;
	line-height: 40px;
	font-size: 20px;
	font-weight:400;
	text-align: center;
	}
.index-product-name-s{
	font-size: 18px;
	}
.index-product-item-link:hover{
	color: #c00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity: .8;
	opacity: .8;
	}
.index-product-desc{
	width: 310px;
	line-height: 24px;
	font-size: 16px;
	color: #333;
	background: #fff;
	text-align: center;
	}
.index-product-desc-link{
	width: 310px;
	line-height: 24px;
	font-size: 16px;
	color: #c60;
	background: #fff;
	text-align: center;
	
	}
.index-product-desc-link:hover{
	color: #000;
	}
.index-product-desc-s{
	line-height: 20px;
	font-size: 14px;
	}
.index-product-item-list-area{
	padding-top: 10px;
	width: 310px;
	background: #fff;
	}
.index-product-item-list{
	width: 155px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #555;
	}
.index-product-item-list:hover{
	color: #08e;
	}
.index-product-btn-bar{
}
.index-product-btn-phone{
	width:155px;
	height: 40px;
	line-height: 40px;
	background: #c00;
	border: 0px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor:pointer;
}
.index-product-btn-phone:hover{
	background: #f00;
}

.index-product-btn-signup{
	width:155px;
	height: 40px;
	line-height: 40px;
	background: #c90;
	border: 0px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	cursor:pointer;
}
.index-product-btn-signup:hover{
	background: #fc0;
}

/* 首页产品 */
.index_works_title{
	width: 920px;
	height: 40px;
	background: url(index_works_title_bg.png);
	}
.index_work_title a{
	float: right;
	margin: 20px 0px 0px 0px;
	width: 38px;
	height: 12px;
	background: url(more_black.png);
	}
.index_work_title a:hover{
	background-position: 0px -12px;
	}
.index_work{
	margin-top: 0px;
	padding-bottom: 10px;
	}
.index_work li{
	display: inline;
	float: left;
	margin-top: 10px;
	margin-right: 8px;
	padding: 4px;
	border: 1px solid #347;
	width: 290px;
	background: #fff;
	padding-bottom: 4px;
	}
.index_work_thumb,.index_work_thumb img{
	width: 290px;
	height: 150px;
	}
.index_work_thumb{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.index_work_thumb:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.index_work_name{
	text-indent: 1em;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: #fff;
	}
.index_work_name:hover{background: #555;color: #fff;}
.index_work_desc{
	display: none;
	height: 60px;
	line-height: 20px;
	font-size: 12px;
	text-indent: 2em;
	color: #555;
	}
/* 首页产品 */
.index_school_title{
	width: 920px;
	height: 40px;
	background: url(index_school_title_bg.png);
	}
.index_school_title a{
	float: right;
	margin: 20px 0px 0px 0px;
	width: 38px;
	height: 12px;
	background: url(more_black.png);
	}
.index_school_title a:hover{
	background-position: 0px -12px;
	}
.index_school{
	margin-top: 0px;
	padding-bottom: 10px;
	}
.index_school li{
	display: inline;
	float: left;
	margin-top: 10px;
	margin-right: 8px;
	padding: 4px;
	border: 1px solid #347;
	width: 290px;
	background: #fff;
	padding-bottom: 4px;
	}
.index_school_thumb,.index_school_thumb img{
	width: 290px;
	height: 150px;
	}
.index_school_thumb{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.index_school_thumb:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.index_school_name{
	display: none;
	text-indent: 1em;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: #fff;
	}
.index_school_name:hover{background: #555;color: #fff;}
.index_school_desc{
	display: none;
	height: 60px;
	line-height: 20px;
	font-size: 12px;
	text-indent: 2em;
	color: #555;
	}
/* 首页新闻 */
.index_news{
	padding-bottom: 20px;
	}
.index_news_title{
	height: 57px;
	background: url(side_news_title_bg.png);
	}
.index_news_title h1{
	display: inline;
	float: left;
	margin: 25px 0px 0px 76px;
	height: 20px;
	line-height: 1em;
	font-family: 微软雅黑;
	font-size: 16px;
	font-weight: bold;
	color: #380;
	}
.index_news_title a{
	display: inline;
	float: right;
	margin: 32px 10px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 10px;
	color: #060;
	}
.index_news_title a:hover{
	color: #090;
	}
.index_news_body ul{
	margin-top: 10px;
	margin-left: 10px;
	width: 180px;
	}
.index_news_body ul li{
	height: 30px;
	background: url(side_news_line.png) no-repeat 0px 27px;
	}
.index_news_body ul li a{
	float: left;
	padding-left: 15px;
	width: auto;
	height: 30px;
	line-height:30px;
	background: url(arrow_green.png) no-repeat 0px 10px;
	font-size: 13px;
	color: #7b4;
	}
.index_news_body ul li a:hover{
	color: #060;
	}
.index_news_body ul li span{
	float: right;
	margin: 8px 0px 0px 10px;
	font-size: 12px;
	color: #9c7;
	}

/* 热点新闻 */

.hot_news{
	padding-bottom: 20px;
	}
.hot_news_title{
	height: 57px;
	background: url(side_news_title_bg.png);
	}
.hot_news_title h1{
	display: inline;
	float: left;
	margin: 25px 0px 0px 76px;
	height: 20px;
	line-height: 1em;
	font-family: 微软雅黑;
	font-size: 16px;
	font-weight: bold;
	color: #380;
	}
.hot_news_title a{
	display: inline;
	float: right;
	margin: 32px 10px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 10px;
	color: #060;
	}
.hot_news_title a:hover{
	color: #090;
	}
.hot_news_body ul{
	margin-top: 10px;
	margin-left: 10px;
	width: 180px;
	}
.hot_news_body ul li{
	height: 30px;
	background: url(side_news_line.png) no-repeat 0px 27px;
	}
.hot_news_body ul li a{
	float: left;
	padding-left: 15px;
	width: auto;
	height: 30px;
	line-height:30px;
	background: url(arrow_green.png) no-repeat 0px 10px;
	font-size: 13px;
	color: #7b4;
	}
.hot_news_body ul li a:hover{
	color: #060;
	}
.hot_news_body ul li span{
	float: right;
	margin: 8px 0px 0px 10px;
	font-size: 12px;
	color: #9c7;
	}

/* 热门课程 */
.hot_product{
	padding-bottom: 20px;
	}
.hot_product_title{
	height: 50px;
	background: url(side_lesson_title_bg.png);
	}
.hot_product_title h1{
	display: none;
	float: left;
	margin: 25px 0px 0px 76px;
	height: 20px;
	line-height: 1em;
	font-family: 微软雅黑;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	}
.hot_product_title a{
	display: inline;
	float: right;
	margin: 22px 10px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-family: arial;
	font-size: 12px;
	color: #eee;
	}
.hot_product_title a:hover{
	color: #fff;
	}
.hot_product_list{
	margin-left: 0px;
	width: 220px;
	}
.hot_product_list li{
	position: relative;
	margin-top: 5px;
	width: 220px;
	height: 125px;
	}
.hot_product_thumb{
	top: 0px;
	left: 0px;
	border: 1px solid #555;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	}
.hot_product_thumb:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	}
.hot_product_thumb,.hot_product_thumb img{
	position: absolute;
	width: 218px;
	height: 105px;
	}
.hot_product_name{
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 220px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #eee;
	background: #222;
	}

.hot_product_name:hover{
	background: #c00;
	color: #fff;
	}
/* 热点新闻 */
.hot_content_title{
	height: 40px;
	border-bottom: 1px dotted #999;
	}
.hot_content_title h1{
	display: inline;
	float: left;
	margin: 12px 0px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 16px;
	font-weight: bold;
	color: #f00;
	}
.hot_content_title a{
	display: inline;
	float: right;
	margin: 16px 0px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 10px;
	color: #666;
	}
.hot_content_title a:hover{
	color: #f00;
	}
.hot_content_body ul{
	margin-top: 10px;
	}
.hot_content_body ul li{
	height: 25px;
	background: url(arrow_orange.png) no-repeat 0px 9px;
	}
.hot_content_body ul li a{
	float: left;
	margin: 5px 0px 0px 10px;
	font-size: 12px;
	color: #555;
	}
.hot_content_body ul li a:hover{
	color: #f00;
	}
.hot_content_body ul li span{
	float: right;
	margin: 5px 0px 0px 10px;
	font-size: 12px;
	color: #666;
	}
/* 首页新闻 */
.index_trans_guide_title{
	height: 40px;
	border-bottom: 1px dotted #999;
	}
.index_trans_guide_title h1{
	display: inline;
	float: left;
	margin: 12px 0px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	}
.index_trans_guide_title a{
	display: none;
	float: right;
	margin: 16px 0px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 10px;
	color: #666;
	}
.index_trans_guide_title a:hover{
	color: #f00;
	}
.index_trans_guide_body ul{
	margin-top: 10px;
	}
.index_trans_guide_body ul li{
	background: url(icon_bus.png) no-repeat 0px 6px;
	}
.index_trans_guide_body ul li span{
	float: left;
	margin: 0px 0px 0px 20px;
	width: auto;
	height: auto;
	overflow: hidden;
	line-height: 25px;
	font-size: 12px;
	color: #555;
	}
/* 左侧联系我们 */
.index_contact_title{
	height: 40px;
	border-bottom: 1px dotted #999;
	}
.index_contact_title h1{
	display: inline;
	float: left;
	margin: 12px 0px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 16px;
	font-weight: bold;
	color: #ff4d00;
	}
.index_contact_title a{
	display: none;
	float: right;
	margin: 16px 0px 0px 0px;
	height: 20px;
	line-height: 1em;
	font-size: 10px;
	color: #666;
	}
.index_contact_body{
	margin-top: 10px;

	height: 95px;
	background: url(left_contact.png) no-repeat;
	}
.index_contact_phone{
	margin: 20px 0px 0px 90px;
	font-size: 20px;
	color: #ff4d00;
	}
.index_contact_addr{
	margin: 5px 0px 0px 90px;
	width: 190px;
	font-size: 14px;
	color: #555;
	}

.side_hot_line{
	margin-top: 10px;
	width: 220px;
	height: 90px;
	background: url(side_hot_line.png);
	}
.side_sign_up{
	margin-top: 10px;
	width: 220px;
	height: 90px;
	background: url(side_sign_up.png);
	cursor: pointer;
	}
/* 在线客服 */
.qq-online{
	width: auto;
	height: auto;
	overflow: hidden;
	}
.qq-online-mini{
	display: none;
	float: right;
	clear: both;
	width: 37px;
	height: 94px;
	background: url(qq_online_mini.png);
	cursor:pointer;
}
.qq-online-full{
	float: right;
	clear: both;
	width: 100px; 
	height: 542px;
	background: url(qq_online_bg.png) no-repeat;
	}
.qq-online-header{
	clear: both;
	width: 100px;
	height: 105px;
	line-height: 30px;
	text-align: center;
	font-size: 0px;
	font-weight: bold;
	color: #fff;
	background: url(qq-online-header-bg.gif);
	}

.qq-online-body{
	clear: both;
	width: 100px;
	height: auto;
	overflow: hidden;
	background: #fff;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	-webkit-box-shadow: #555 0px 0px 10px;
	-moz-box-shadow: #555 0px 0px 10px;
	box-shadow: #555 0px 0px 10px;
	}
.qq-online-list{
	margin: 4px 0px 0px 0px;
	width: 100px;
	height: auto;
	overflow: hidden;
	}
.qq-online-list li{
	width: 100px;
	height: auto;
	overflow: hidden;
	}
.qq-online-list a{
	background: #fcc;
	}
.qq-online-list a img{
	float: left;
	clear: both;
	display: block;
	margin: 8px 0px 0px 10px;

	}
.qq-online-list a span{
	float: left;
	clear: both;
	display: block;
	width: 89px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	background: #faa;
	color: #fff;
	}
.qq-online-footer{
	clear: both;
	width: 100px;
	height: 5px;
	overflow: hidden;
	background: #fff;
	}


.mobile-tdc{
	background: #fff;
	width: 110px;
	background: url(qq_online_body.png);
	}
.mobile-tdc-title{
	margin: 10px 0px 0px 10px;
	width: 90px;
	font-size: 12px;
	color: #333;
	}
.mobile-tdc-pic{
	margin: 5px 0px 0px 0px;
	width: 100px;
	height: 100px;
	background: url(wx_tdc_100x100.png);
	}
.float-online-signup{
	background: #fff;
	width: 100px;
	height: 100px;
	background: url(float_online_signup.png);
	cursor: pointer;
	}
.float-400-hot-line{
	background: #fff;
	width: 100px;
	height: 150px;
	background: url(400_hot_line_lb.png);
	cursor: pointer;
	}
/* 在线报名 */
.online-sign-up{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top:-230px;
	margin-left: -300px;
	width: 600px;
	height: 460px;
	background: #fff;
	border: 1px solid #555;
	-webkit-box-shadow: #555 0px 0px 10px;
	-moz-box-shadow: #555 0px 0px 10px;
	box-shadow: #555 0px 0px 10px;
	}
.online-sign-up-titlebar{
	height: 35px;
	background: url(nav_bg.png);
	}
.online-sign-up-title{
	margin-left: 10px;
	line-height: 35px;
	font-size: 16px;
	color: #fff;
	}
.msg-form{
	margin: 20px 0px 0px 40px;
	width:520px;
	}
.form-label{
	width: 100px;
	}
.msg-form-item{
	height: 30px;
	text-align: left;
	}
.msg-form-content{
	text-align: left;
	}
.MsgTitle,.MsgUserName,.MsgTelphone,.MsgQQ,.MsgAddress{
	padding: 0px 0px 0px 5px;
	width: 195px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #999;
	}
.MsgValidCode{
	padding: 0px 0px 0px 5px;
	width: 80px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #999;
	}
.validCode{
	margin: 2px 0px 0px 5px;
	vertical-align: middle;
	}
.MsgContent{
	width: 300px;
	height: 80px;
	border: 1px solid #999;
	}
.msg-form-button{
	height: 40px;
	}
.MsgSubmitBtn{
	float: left;
	margin-top: 10px;
	width: 100px;
	height: 30px;
	background: url(online_sign_up_submit_btn.png);
	cursor: pointer;
	}
.MsgSubmitBtn:hover{
	background-position: 0px -30px;
	}
.MsgWindowCloseBtn{
	margin: 10px;
	width: 14px;
	height: 14px;
	background: url(online_sign_up_close_btn.png);
	cursor: pointer;
	}
.MsgWindowCloseBtn:hover{
	background-position: 0px -14px;
	}

/* 文章内容样式 */
.lesson-title{
	height: 35px;
	line-height: 35px;
	font-size: 20px;
	font-weight: bold;
	background: #000;
	color: #fff;
	padding-left: 10px;
	}
.lesson-time{
	margin: 15px 0px 15px 10px;
	width: 1080px;
	-webkit-box-shadow: #999 0px 0px 10px;
	-moz-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	}
.lesson-time td{
	border: 1px solid #aaa;
	padding: 10px;
	}
.lesson-time .lesson-table-title{
	font-weight: bold;
	background: url(table_title_bg_green.png) bottom left #060;
	color: #fff;
	}
.lesson-time .lesson-label{
	width: 100px;
	text-align: center;
	font-weight: bold;
	color: #060;
	}
.lesson-price{
	margin: 10px 0px 10px 10px;
	width: 1080px;
	-webkit-box-shadow: #999 0px 0px 10px;
	-moz-box-shadow: #999 0px 0px 10px;
	box-shadow: #999 0px 0px 10px;
	}
.lesson-price td{
	border: 1px solid #aaa;
	padding: 10px;
	}
.lesson-price .lesson-table-title{
	font-weight: bold;
	background: #c00;
	color: #fff;
	}
.lesson-price .lesson-label{
	width: 100px;
	text-align: center;
	font-weight: bold;
	color: #c00;
	}
/* 课程介绍 */
.lesson-intro{
	margin-top: 10px;
	padding: 10px 0px;
	border-top: 1px solid #000;
	width: 1100px;
	height: auto;
	overflow: hidden;
	}
.lesson-intro-top{
	}
.lesson-intro-left{
	width: 400px;
	height: 200px;
	}
.lesson-intro-left img{
	width: 400px;
	height: 200px;
	}
.lesson-intro-right{
	width: 690px;
	height: 200px;
	}
.lesson-intro-top{
	height: 40px;
	background: #000;
	}
.lesson-intro-title{
	padding: 0px 10px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	background: #666;
	color: #fc0;
	}
.lesson-intro-body{
	}
.lesson-intro-desc{
	padding: 10px 0px;
	height: 100px;
	line-height: 25px;
	font-size: 16px;
	text-indent: 2em;
	}
.lesson-intro-bottom{
	height: 40px;
	}
.lesson-intro-btn-view{
	width: 690px;
	height: 40px;
	border: none;
	background: #ccc;
	text-align: center;
	font-size: 20px;
	color: #000;
	}
.lesson-detail-window{
	width: 1100px;
	height: 0px;
	background: #f0f0f0;
	overflow: auto;
	}
.lesson-detail{
	margin-top: 20px;
	padding-bottom: 20px;
	width: 1060px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #000;
	}
.lesson-detail p{
	margin-left: 5%;
	width: 90%;
	line-height: 2em;
	font-size: 16px;
	}
.lesson-detail ul{
	margin-left: 10px;
	width: 1060px;
	}
.lesson-detail li{
	margin: 10px 0px 10px 0px;
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	}
.lesson-detail dd{
	margin: 0px 0px 0px 20px;
	font-size: 14px;
	color: #000;
	}
.lesson-detail img{
	width: 1060px;
	display: block;
	}

/* 弹出窗口 */
.pop-window{
	display: none;
	width: 800px;
	height: 600px;
	background: #fff;
	border: 3px solid #69f;
	-webkit-box-shadow: #555 0px 0px 10px;
	-moz-box-shadow: #555 0px 0px 10px;
	box-shadow: #555 0px 0px 10px;;
	}
.pop-window-top{
	height: 30px;
	background: #69c;
	}
.pop-window-top-close-btn{
	border: 1px solid #9cf;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 20px;
	color: #fff;
	cursor: pointer;
	}
.pop-window-top-close-btn:hover{
	background: #ea0;
	}
.pop-window-body{
	margin: 20px;
	width: 760px;
	height: 520px;
	}
.mask{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	filter:alpha(opacity=60);
	opacity:0.6;
	background: #fff;
	}

/* 免费电话弹出窗口 */
.free-call-pop-window{
	width: 630px;
	height: 230px;
	}
.free-call-pop-window .pop-window-body{
	width: 590px;
	height: 200px;
	}

.sv_tip{
	margin: 1px 0px 0px 10px;
	border-width: 1px;
	border-style: solid;
	padding: 2px 5px;
	line-height: 12px;
	font-size: 12px;
	}
.sv_tip_def{
	padding: 5px 5px;
	color: #000;
	background: none;
	border: none;
	}
.sv_tip_error{
	color: #c00;
	background: #fdd;
	border-color: #c00;
	}
.sv_tip_valid{
	color: #090;
	background: #dfd;
	border-color: #090;
	}
.sv_tip_hidden{
	display: none;
	}
/* 关于我们 */
.aboutus-banner-bg{
	height:400px;
	background-image:url(/public/img/about_us_bg.jpg);
	background-size:100%;
	-moz-background-size:100%;
}
.aboutus-banner-title{
	font-size:50px;
	letter-spacing:20px;
	animation:aboutus-banner-title .5s infinite 1s;
	-moz-animation:aboutus-banner-title .5s infinite 1s; /* Firefox */
	-webkit-animation:aboutus-banner-title .5s infinite 1s; /* Safari and Chrome */
	-o-animation:aboutus-banner-title .5s infinite 1s; /* Opera */
}
@keyframes aboutus-banner-title{
	from {top:0px;opacity:0;filter:alpha(opacity=0)}
	to {top:100px;opacity:100;filter:alpha(opacity=100)}
}
@-moz-keyframes aboutus-banner-title{
	from {top:0px;opacity:0;}
	to {top:100px;opacity:100;}
}
@-webkit-keyframes aboutus-banner-title{
	from {top:0px;opacity:0;}
	to {top:100px;opacity:100;}
}
@-o-keyframes aboutus-banner-title{
	from {top:0px;opacity:0;}
	to {top:100px;opacity:100;}
}

.aboutus-banner-text1{
	font-size:30px;
	letter-spacing:10px;
	animation:aboutus-banner-text1 .5s infinite 1.5s;
	-moz-animation:aboutus-banner-text1 .5s infinite 1.5s; /* Firefox */
	-webkit-animation:aboutus-banner-text1 .5s infinite 1.5s; /* Safari and Chrome */
	-o-animation:aboutus-banner-text1 .5s infinite 1.5s; /* Opera */
}
@keyframes aboutus-banner-text1{
	from {top:0px;opacity:20;filter:alpha(opacity=0)}
	to {top:170px;opacity:100;filter:alpha(opacity=100)}
}
@-moz-keyframes aboutus-banner-text1{
	from {top:0px;opacity:20;}
	to {top:170px;opacity:100;}
}
@-webkit-keyframes aboutus-banner-text1{
	from {top:0px;opacity:20;}
	to {top:170px;opacity:100;}
}
@-o-keyframes aboutus-banner-text1{
	from {top:0px;opacity:20;}
	to {top:170px;opacity:100;}
}

.aboutus-banner-text2{
	font-size:30px;
	letter-spacing:10px;
	animation:aboutus-banner-text2 .5s infinite 2s;
	-moz-animation:aboutus-banner-text2 .5s infinite 2s; /* Firefox */
	-webkit-animation:aboutus-banner-text2 .5s infinite 2s; /* Safari and Chrome */
	-o-animation:aboutus-banner-text2 .5s infinite 2s; /* Opera */
}
@keyframes aboutus-banner-text2{
	from {top:0px;opacity:20;filter:alpha(opacity=0)}
	to {top:220px;opacity:100;filter:alpha(opacity=100)}
}
@-moz-keyframes aboutus-banner-text2{
	from {top:0px;opacity:20;}
	to {top:220px;opacity:100;}
}
@-webkit-keyframes aboutus-banner-text2{
	from {top:0px;opacity:20;}
	to {top:220px;opacity:100;}
}
@-o-keyframes aboutus-banner-text2{
	from {top:0px;opacity:20;}
	to {top:220px;opacity:100;}
}

.aboutus-banner-title,.aboutus-banner-text1,.aboutus-banner-text2{
	text-align:center;
	position:absolute;
	left:50%;
	margin-left:-500px;
	width:1000px;
	height:80px;
	line-height:80px;
	color:#000;
	animation-iteration-count:1;
	-moz-animation-iteration-count:1; /* Firefox */
	-webkit-animation-iteration-count:1; /* Safari and Chrome */
	-o-animation-iteration-count:1; /* Opera */
	animation-fill-mode:forwards;
	opacity:0;
}


.card-list{
}
.card-list-top-title{
	padding:0px 0px 10px 0px;
	line-height:60px;
	text-align:center;
	font-size:40px;
	letter-spacing:10px;
	color:#000;
	border-bottom:1px solid #ccc;
}
.card-list-body{
	padding-top:20px;
}
.card-list-body-center{
	text-align:center;
}
.card-list-body-thumb{
	position:relative;
	filter:alpha(opacity=10);
}
.card-list-body-thumb,.card-list-body-thumb img{
	width:700px;
	height:500px;
}
.card-list-body-right-desc{
	padding-top:50px;
	width:500px;
	height:400px;
	font-size:24px;
	line-height:1.5em;
	color:#555;
	text-align:justify;
	text-indent:2em;
}
.card-list-body-right-desc:hover{
	color:#369;
}
.card-list-thumb{
	position:relative;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}	
.card-list-thumb,.card-list-thumb img{
	width:1300px;
}
.card-list-thumb img:hover,.card-list-body-thumb img:hover{
	-webkit-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	-webkit-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.card-list-item{
	margin-top:30px;
	position:relative;
}
.card-list-title-text{
	margin:0px auto;
	position:relative;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#000;
	background:#ccc;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
	letter-spacing:5px;
}
.card-list-title-text:hover{
	color:#ddd;
}
.card-list-desc{
	text-indent:2em;
	position:relative;
	padding:20px 30px;
	width:1240px;
	line-height:1.5em;
	text-align:justify;
	font-size:16px;
	background:#ddd;
	color:#111;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}
.card-list-desc:hover{
	color:#ccc;
}

/* 新闻资讯 */
.banner-news{
	width:100%;
	height: 400px;
	background:url(/public/img/news_banner.jpg) center center no-repeat;
}
/* 课程分类 */
.top-category{
	font-size:0px;
	text-align:center;
}
.top-category-link{
	display:inline-block;
	margin:10px 10px 0px 10px;
	width:80px;
	height:100px;
	vertical-align:top;
	border-radius:4px;
	cursor:pointer;
}
.top-category-link-active{
	background:#bdf;
}
.top-category-link:hover{
}
.top-category-thumb{
	margin:10px 10px 0px 10px;
}
.top-category-thumb,.top-category-thumb img{
	width:60px;
	height:60px;
}
.top-category-text{
	height:30px;
	line-height:30px;
	font-size:14px;
	text-align:center;
	color:#000;
}

/* 课程 */
.content-category-banner{
	width:100;
	height:400px;
	background-position:top center;
	background-repeat:no-repeat;
}