/*------------reset------------*/
table{border-collapse:collapse;border-spacing:0;}
em,strong{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;padding:0px;margin:0px}
th{text-align:left;padding:0px;margin:0px}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;padding:0px;margin:0px}
fieldset,img{border:0;padding:0px;margin:0px}
input,textarea{font-size:12px;outline:none;resize:none;padding:0px;margin:0px}
body,div,p,dl,dt,dd,li,form,table,td{padding:0px;margin:0px}

body{font-family:verdana,Arial,sans-serif;font-size:12px; background:url(images/top_bg.png) #cdeafd no-repeat center top;}

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

.text-c{text-align:center}
.font-s0{font-size:0px}
.font-v {font-family:Verdana; font-weight:bold;}
.c_00a{color:#068190}
.c_666{color:#666}
.c_99 {color:#999;}
.c_y{color:#F60;}
.mar_r5{margin-right:5px;}
.mar_t30{margin-top:30px}
.rt {float:right; }
.lt {float:left; }
.font-a{font-family:Arial,sans-serif}
.line_underline{text-decoration:underline;}

.blank{clear:both;font-size:1px;height:30px;margin:0 auto;padding:0px;}
.clear{clear:both;}
.hidden {display: none;}

/*----------top---------*/
.main-top{text-align:center;width:100%;overflow:hidden;}

/*----------main_content---------*/
.menu {width: 1000px; height: 62px; margin:8px auto 15px;}
.menu li {float: left; width: 250px; height: 62px; overflow: hidden;}
.mores a:hover {color: #F60; background-position: left -301px; text-decoration: none;}
.main_content{width:1000px; overflow:hidden; margin:0px auto;}
.content1 {width: 1000px; margin: 0 auto; overflow: hidden;}
.video {float: left; width: 693px; height: 528px; background: #e1f6fd;}
.vbox {width: 617px; padding: 18px 23px 24px 19px; margin: 8px 0 0 20px; height: 376px; background: url(images/video_bg.png) no-repeat;}
.vbox img {cursor: pointer;}
.time {float: right; width: 307px; height: 528px; background: #fff8e6; text-align: center;}
.time img {margin-bottom: 10px;}
.content2 {width: 1000px; margin: 0 auto; height: 275px; background: #FFF; overflow: hidden;}
.content3 {width: 1000px; margin: 0 auto; height: 368px; overflow: hidden;}

.yellow {background: #fff8e6;}
.green {background: #f2fddc;}
.ching {background: #e6fdff;}
.blue {background: #e1f6fd;}
.yellow .tabmenu {height: 62px; background: url(images/yellow_title.jpg) no-repeat;}
.green .tabmenu {height: 62px; background: url(images/green_title.jpg) no-repeat;}
.ching .tabmenu {height: 62px; background: url(images/ching_title.jpg) no-repeat;}
.blue .tabmenu {height: 62px; background: url(images/blue_title.jpg) no-repeat;}
.tabmenu {height:35px;}
.tabmenu ul {padding:0; display: inline; margin:14px 20px 0 0; float:right;}
.tabmenu li {text-align:center; float:left; width:75px; height:35px; overflow:hidden; line-height:35px; font-size:14px; color:#666; font-weight:bold; display:inline;cursor:pointer;}
.yellow .tabmenu .current {background: url(images/icon.gif) no-repeat 0 0; color:#da9001;}
.green .tabmenu .current {background: url(images/icon.gif) no-repeat 0 -52px; color: #4e7601;}
.ching .tabmenu .current {background: url(images/icon.gif) no-repeat 0 -103px; color: #006f77;}
.blue .tabmenu .current {background: url(images/icon.gif) no-repeat 0 -154px; color: #00668a;}
.list {width: 952px; height: 267px; margin-top: 14px; position: relative; overflow: hidden;}
.courselist ul {float: left; padding: 25px 21px 20px 21px;}
.courselist li {float: left;}
.courselist dl {display: inline; float: left; margin: 0 17px; width: 205px; overflow: hidden;}
.courselist dt {height: 142px; width: 205px;}
.courselist dt a,.courselist dt img {display: block; width: 205px; height: 136px;}
.courselist dd {line-height: 24px; color: #666;}
.courselist dd code {font-family: arial;}
.courselist dd em {font-weight: bold; padding-left: 1px;}
.courselist dd a {color: #333;}
.courselist dd a:hover {color: #F60;}
.courselist dd a.title {display: block; font-size:14px; height:24px; overflow: hidden;}
.courselist .buy_btn {text-align: center;}
.courselist .buy_btn a {display: inline-block; *display: block; width: 98px; height: 28px; background: url(images/icon.gif) no-repeat left bottom; text-indent: -9999px; margin-top: 8px;}
.scroolbox { float: left; padding: 26px 0 18px; width: 1000px; height: 170px; overflow: hidden;}
.teacher_scrool {position: relative; width: 1000px;}
.teacher_scrool .teacher_content {position: relative; left: 94px; width: 815px; height: 170px; overflow: hidden;}
.teacher_scrool .prev, .teacher_scrool .next {z-index: 100; background: url(images/icon.gif) no-repeat; overflow: hidden; width: 34px; display: block; top: 51px;  height: 51px; cursor: pointer; position: absolute;}
.teacher_scrool .prev {background-position: left -282px; left: 41px;}
.teacher_scrool .next {background-position: right -282px; right: 41px;}
.teacher_scrool  .pover {background-position: left -209px;}
.teacher_scrool  .nover {background-position: right -209px;}
.slider { position: relative; float: left; width: 1630px;}
.slider li { display: inline; float: left; margin: 0 14px; width: 135px; height: 170px; text-align: center;}
.slider li p {height: 35px; line-height: 35px; text-align: center; clear: both;}
.slider li p a {font-size: 14px; color: #595959;}
.slider li p a:hover {font-size: 14px; color: #f60;}
.slider li img, .slider li a { float: left; width: 135px; height: 135px;}

.other {width: 1000px; background: #FFF; margin: 0 auto; height: 270px;}
.other div {margin: 32px 0 0 12px;}
.other a {display: inline-block; margin: 0 13px 25px 25px; width: 200px; height: 132px;}
/*----------footer---------*/
.copyright{padding:30px;text-align:center; font-size:12px; color:#404040;}