.clearfix {
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
.flink {
	width: 750pt;
	height: auto;
	overflow: auto
}

.flink .hd {
	width: auto;
	overflow: auto;
	text-align: left!important;
	border-bottom: 1px #e4e4e4 solid
}

.flink .hd span.hd1 {
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	width: 75pt;
	display: block;
	float: left;
	color: #000
}

.flink .hd span.hd2 {
	width: 60px;
	height: 36px;
	line-height: 36px;
	display: block;
	float: right;
	font-size: 9pt
}

.flink .hd span.hd2 a:hover {
	text-decoration: none
}

.flink .bd {
	padding: 10px 0;
	font-size: 9pt
}

.flink .bd .image {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 8px
}

.flink .bd .image li {
	float: left;
	margin-right: 6px;
	margin-bottom: 2px
}

.flink .bd .image li img {
	border: 1px solid #ddd;
	background: #f1f1f1;
	padding: 3px;
	width: 88px;
	height: 31px;
	vertical-align: top;
	zoom: 1
}

.flink .bd .text {
	width: auto;
	height: auto;
	overflow: hidden
}

.flink .bd .text li {
	line-height: 22px;
	float: left;
	margin: 5px 10px 5px 0;
	white-space: nowrap
}

.telephone {
	margin-top: 5px
}

.telephone .hd {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #e4e4e4 solid
}

.telephone .hd span.hdleft {
	float: left;
	text-align: left;
	padding-right: 15px;
	font-size: 18px;
	color: #000
}

.telephone .bd {
	overflow: auto;
	padding-bottom: 9pt;
	padding-top: 8px
}

.telephone .bd li {
	float: left;
	margin: 10px 13px 5px 0;
	display: block;
	width: 135px;
	height: 40px;
	text-align: center;
	border: 1px solid #eee;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9pt;
	background-color: #fff
}

.telephone .bd li:hover {
	border: 1px solid #ccc;
	color: #000
}

.hotcity {
	width: 75pc;
	margin-bottom: 10px
}

.hotcity .hd {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #e4e4e4 solid
}

.hotcity .hd span.hdleft {
	float: left;
	text-align: left;
	padding-right: 15px;
	font-size: 18px;
	color: #000
}

.hotcity .bd {
	overflow: auto;
	padding-bottom: 9pt;
	padding-top: 8px;
	text-align: left
}

.hotcity .bd a {
	margin: 10px 13px 5px 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 9pt
}

.focushead {
	margin-top: 10px;
	text-align: left;
	height: auto
}

.focushead .indexdh {
	width: 750pt!important;
	float: right;
	margin-top: 0!important
}

.focushead .focusnews,.foushead .focushead_right {
	width: 750pt!important;
	float: right;
	display: block
}

.focushead .focusnews {
	margin-top: 10px
}

.focushead .focustop {
	width: 550px;
	float: left;
	display: block
}

.focushead .portalfocuslide {
	width: 550px;
	height: 194px;
	margin-bottom: 10px
}

.titleleft span {
	padding: 6px 7px 3px;
	line-height: 20px;
	display: block
}

.announcepost {
	width: 21pc;
	float: right;
	display: block;
	border: 1px #ddd solid;
	padding-botom: 20px;
	height: auto;
	overflow: auto
}

.announcenews #tab1 {
	width: 310px;
	margin: 10px;
	height: 2pc;
	font-size: 14px;
	line-height: 2pc;
	border-bottom: 1px #ddd solid
}

.announcenews #tab1 li {
	display: block;
	width: 70px;
	height: 2pc;
	float: left;
	margin-right: 15px;
	text-align: center
}

.announcenews #tab1 li.now {
	background: #fff;
	border-bottom: 0;
	font-weight: 700
}

.announcenews .tablist {
	width: 314px;
	height: 235px;
	overflow: hidden;
	background-color: #fff
}

.tablist ul {
	margin: 5px 10px;
	padding: 0 5px
}

.news h1,.news p {
	overflow: hidden;
	margin-bottom: 5px
}

.tablist li {
	width: 290px;
	padding-left: 5px;
	padding-right: 5px;
	height: 2pc;
	line-height: 2pc;
	overflow: hidden
}

.tablist div.nodata {
	font-size: 9pt;
	height: 14pc;
	text-align: center;
	line-height: 220px
}

.tablist li span.title {
	height: 26px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: 10px;
	width: 230px
}

.tablist li span.time {
	width: 60px;
	text-align: right;
	color: #999!important
}

.tablist li span.money,.tablist li span.time {
	height: 26px;
	float: right;
	display: block;
	font-size: 9pt
}

.tablist li span.money {
	width: 45px;
	text-align: left;
	color: red;
	overflow: hidden
}

.tablist li:hover {
	background-color: #f0f0f0;
	border-radius: 1pc
}

.tablist li span.title {
	background: url("../images/index/li_arrow.gif")/*tpa=/template/default/images/index/li_arrow.gif*/ 0 9pt no-repeat;
	text-indent: 10px
}

.courseschool {
	border-top: 1px #eee solid;
	height: auto;
	overflow: auto;
	margin: 3px 15px 0
}

a.postinfo {
	margin-left: 1px;
	background-color: #f90
}

a.postinfo:hover {
	background-color: #f80
}

.orange a.postinfo {
	margin-left: 1px;
	background-color: #56b02a!important
}

.orange a.postinfo:hover {
	background-color: #52a728!important
}

a.postmember {
	margin-left: 9pt
}

a.postinfo,a.postmember {
	text-align: center;
	height: 34px;
	line-height: 34px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	margin-top: 10px;
	font-size: 14px;
	width: 93px;
	border-radius: 2px
}

.blue .hovercolor .hleft font {
	background-color: #3592e2;
	color: #fff
}

.blue .indexcatebox .bd {
	border-top: 2px #3592e2 solid
}

.blue .indexcatebox .bd .boxleft .cats a:hover {
	border: 1px #3592e2 solid;
	background-color: #3592e2
}

.green .hovercolor .hleft font {
	background-color: #42b712;
	color: #fff
}

.green .indexcatebox .bd {
	border-top: 2px #42b712 solid
}

.green .indexcatebox .bd .boxleft .cats a:hover {
	border: 1px #42b712 solid;
	background-color: #42b712
}

.orange .hovercolor .hleft font {
	background-color: #f90;
	color: #fff
}

.orange .indexcatebox .bd {
	border-top: 2px #f90 solid
}

.orange .indexcatebox .bd .boxleft .cats a:hover {
	border: 1px #f90 solid;
	background-color: #f90
}

.red .hovercolor .hleft font {
	background-color: #02b2fd;
	color: #fff
}

.indexcatebox .bd {
	border-top: 2px #02b2fd solid
}

.indexcatebox .bd .boxleft .cats a:hover {
	border: 1px #02b2fd solid;
	background-color: #02b2fd
}

.hover .hleft font {
	background-color: #e9e9e9
}

.hover .hleft a {
	color: #333
}

.hovercolor .hleft a {
	color: #000
}

.indexcatebox {
	width: 1240px;
	height: auto;
	overflow: auto;
	margin-bottom: 5px;
	margin-top: 5px
}

.indexcatebox .hd {
	width: 1240px;
	height: 40px
}

.indexcatebox .hd span.hleft {
	overflow: hidden;
	font-size: 18px;
	color: #000;
	height: 40px;
	line-height: 40px;
	display: block;
	float: left;
	text-align: left
}

.indexcatebox .hd span.hleft font {
	padding: 0 5px;
	margin-right: 10px
}

.indexcatebox .hd span.hright {
	max-width: 885px;
	font-size: 9pt;
	float: right;
	height: 40px;
	overflow: hidden;
	width: auto;
	text-align: right
}

.indexcatebox .hd span.hright ul {
	overflow: hidden
}

.indexcatebox .hd span.hright li {
	line-height: 40px;
	height: 40px;
	display: block;
	float: left;
	padding-left: 10px
}

.indexcatebox .hd span.hright li.posting a {
	border-right: 1px #ccc solid;
	padding-right: 15px
}

.indexcatebox .hd span.hright li.currents {
	border-bottom: 1px #fff solid;
	background-color: #fff;
	padding-left: 15px;
	line-height: 36px
}

.indexcatebox .hd span.hright li.currents a {
	border: none;
	padding-right: 15px
}

.indexcatebox .hd span.hright li.mores a {
	border-right: none
}

.indexcatebox .bd {
	width: 1240px;
	height: auto;
	overflow: auto;
	margin-top: -1px
}

.indexcatebox .bd .boxleft {
	width: 240px;
	height: 470px;
	background-color: #f1f1f1;
	overflow: hidden;
	display: block;
	float: left;
	text-align: left
}

.indexcatebox .bd .boxleft .cats {
	margin: 5px 0;
    overflow: hidden;
}

.indexcatebox .bd .boxleft .cats a {
	font-size: 9pt;
	border: 1px #d4d4d4 solid;
	border-radius: 2px;
	margin: 9px 5px 0;
	display: block;
	width: 98px;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin-bottom: 5px;
	background-color: #fff
}

.indexcatebox .bd .boxleft .cats a:hover {
	color: #fff
}

.indexcatebox .bd .boxright {
	float: right;
	width: 750pt;
	height: 470px;
	overflow: hidden;
	display: block
}

.indexcatebox .bd .newcourse {
	overflow: hidden;
	height: auto
}

.indexcatebox .bd .boxright li {
	width: 228px;
	height: 213px;
	position: relative;
	margin-top: 20px;
	border: 1px solid #d4d4d4;
	float: left;
	margin-left: 20px;
	overflow: hidden
}

.indexcatebox .bd .boxright li .img i {
	display: none;
	width: 228px;
	height: 213px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .7;
	background: #333;
	z-index: 9
}

.indexcatebox .bd .boxright li .img i.on {
	display: block
}

.indexcatebox .bd .boxright li .img img {
	display: block;
    margin: 8px auto 0;
}

.indexcatebox .bd .boxright li p {
	width: 13pc;
	height: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
    margin: 0;
	padding: 10px;
    border-top: 1px solid #ddd;
	z-index: 10
}

.indexcatebox .bd .boxright li p.active {
	height: 50px
}

.indexcatebox .bd .boxright li .sch {
	display: none
}

.indexcatebox .bd .boxright li p.active .sch {
	display: block
}

.indexcatebox .bd .boxright li .school {
	font-size: 14px;
	margin: 10px 0;
	overflow: hidden;
	height: 22px;
	display: block;
	text-align: left
}

.indexcatebox .bd .boxright li .school em {
	display: inline;
	color: #999
}

.indexcatebox .bd .boxright li .view a {
	width: 75pt;
	display: block;
	height: 26px;
	line-height: 26px;
	background: #fff;
	font-size: 1pc;
	margin: 10px auto;
	border-radius: 2px
}

.indexcatebox .bd .boxright li .view a:hover {
	color: #fff
}

.indexcatebox .bd .boxright li .latestcourse {
	font-size: 14px;
	display: block;
	overflow: hidden;
	text-align: center;
	margin-bottom: 8px
}

.indexcatebox .bd .boxright li .latestcourse a {
	display: block;
	overflow: hidden
}

.indexcatebox .bd .boxright li .price {
	font-size: 14px;
	width: 210px;
	display: block;
	overflow: hidden;
	text-align: left
}

.indexcatebox .bd .boxright li .price span {
	width: 105px;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left
}

.indexcatebox .bd .boxright .oldprice {
	text-decoration: line-through;
	font-size: 9pt;
	text-align: left
}

.indexcatebox .bd .boxright .nowprice {
	color: #ff6f0e;
	text-align: right;
	font-size: 1pc
}

.indexcatebox .bd .boxright li.last {
	margin-right: 0
}

.blue .indexcatebox .bd .boxright li .view a {
	border: 1px solid #3592e2;
	color: #3592e2
}

.blue .indexcatebox .bd .boxright li .view a:hover {
	background: #3592e2;
	color: #fff
}

.blue .indexcatebox .bd .boxright li p.active {
	border-bottom: 3px solid #3592e2
}

.green .indexcatebox .bd .boxright li .view a {
	border: 1px solid #42b712;
	color: #42b712
}

.green .indexcatebox .bd .boxright li .view a:hover {
	background: #42b712;
	color: #fff
}

.green .indexcatebox .bd .boxright li p.active {
	border-bottom: 3px solid #42b712
}

.orange .indexcatebox .bd .boxright li .view a {
	border: 1px solid #f90;
	color: #f90
}

.orange .indexcatebox .bd .boxright li .view a:hover {
	background: #f90;
	color: #fff
}

.orange .indexcatebox .bd .boxright li p.active {
	border-bottom: 3px solid #f90
}

.red .indexcatebox .bd .boxright li .view a {
	border: 1px solid #02b2fd;
	color: #02b2fd
}

.red .indexcatebox .bd .boxright li .view a:hover {
	background: #02b2fd;
	color: #fff
}

.red .indexcatebox .bd .boxright li p.active {
	border-bottom: 3px solid #02b2fd
}

.full .flink,.full .focushead,.full .smp_flink {
	width: 75pc
}

.full .focushead .focustop,.full .focushead .portalfocuslide,.full .portalfocuslide .container,.full .portalfocuslide .slider img,.full .portalfocuslide div#MainPromotionBanner {
	width: 655px
}

.full .infolist .sleft,.full .infolist .sright {
	width: 599px
}

.full .infolist .showbox .bd ul li {
	width: 548px
}

.full .infolist .showbox .bd ul li .info {
	width: 380px
}

.full .goods .bd li {
	width: 118px
}

.blue .page_nav {
	border-bottom: 2px solid #3592e2
}

.blue .goahead .announce .hd,.blue .goahead .faq .hd,.blue .group .hd {
	border-bottom: 2px #3592e2 solid
}

.blue .infolist .showbox .hd .cattitle {
	color: #000
}

.blue .group .hd .span {
	background-color: #3592e2
}

.blue .goahead .announce .hd .span,.blue .goahead .faq .hd .span {
	background-color: #3592e2;
	border-bottom: 2px #3592e2 solid
}

.green .goahead .announce .hd .span,.green .goahead .faq .hd .span,.green .group .hd .span {
	background-color: #42b712
}

.green .page_nav {
	border-bottom: 2px solid #42b712
}

.green .goahead .announce .hd,.green .goahead .faq .hd,.green .group .hd {
	border-bottom: 2px #42b712 solid
}

.green .infolist .showbox .hd .cattitle {
	color: #000
}

.orange .goahead .announce .hd .span,.orange .goahead .faq .hd .span,.orange .group .hd .span {
	background-color: #f90
}

.orange .page_nav {
	border-bottom: 2px solid #f90
}

.orange .goahead .announce .hd,.orange .goahead .faq .hd,.orange .group .hd {
	border-bottom: 2px #f90 solid
}

.orange .infolist .showbox .hd .cattitle {
	color: #000
}

.red .goahead .announce .hd .span,.red .goahead .faq .hd .span,.red .group .hd .span {
	background-color: #02b2fd
}

.red .page_nav {
	border-bottom: 2px solid #02b2fd
}

.red .goahead .announce .hd,.red .goahead .faq .hd,.red .group .hd {
	border-bottom: 2px #02b2fd solid
}

.red .infolist .showbox .hd .cattitle {
	color: #000
}

.blue a.postmember {
	background-color: #3592e2
}

.blue a.postmember:hover {
	background-color: #2283d4
}

.blue .ershoufang .hd .span,.blue .page_nav li,.blue .zufang .hd .span {
	background-color: #3592e2
}

.blue .announcenews #tab1 li.now {
	border-bottom: 3px #3592e2 solid
}

.blue .page_nav li:hover {
	background-color: #2283d4
}

.green a.postmember {
	background-color: #42b712
}

.green a.postmember:hover {
	background-color: #47c510
}

.green .ershoufang .hd .span,.green .page_nav li,.green .zufang .hd .span {
	background-color: #42b712
}

.green .announcenews #tab1 li.now {
	border-bottom: 3px #42b712 solid
}

.green .page_nav li:hover {
	background-color: #47c510
}

.orange a.postmember {
	background-color: #f90
}

.orange a.postmember:hover {
	background-color: #e68a00
}

.orange .announcenews #tab1 li.now {
	border-bottom: 3px #f90 solid
}

.red .ershoufang .hd,.red .zufang .hd {
	border-bottom: 2px #02b2fd solid
}

.orange .page_nav li:hover {
	background-color: #e68a00
}

.red a.postmember {
	background-color: #02b2fd
}

.red a.postmember:hover {
	background-color: #ac0404
}

.red .announcenews #tab1 li.now {
	border-bottom: 3px #02b2fd solid
}

.red .page_nav li:hover {
	background-color: #ac0404
}

.banner_warper {
	z-index: 0
}

.banner,.banner_warper {
	height: 346px;
	width: 100%;
	position: relative
}

.banner {
	text-align: center
}

.banner .slide li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 346px;
	display: none
}

.banner .slide li:first-child {
	display: block;
	z-index: 10
}

.banner .slide li a {
	overflow: hidden
}

.banner .slide li a,.banner .slide li a img {
	width: 655px;
	height: 346px
}

.banner .wnum {
	width: 655px;
	text-align: center
}

.banner .num {
	position: absolute;
	bottom: 20px;
	height: 10px;
	background-color: rgba(0,0,0,.2);
	padding: 6px 10px 6px 18px;
	border-radius: 50px;
	min-width: 37px;
	z-index: 30
}

.banner .num li {
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 5px;
	border: 1px solid #fff;
	cursor: pointer
}

.banner .num li.active {
	background-color: #fff
}

.banner .arrow li {
	position: absolute;
	left: 50%;
	top: 145px;
	opacity: 0;
	width: 40px;
	height: 63px;
	background: url("../images/index/arrow.png")/*tpa=/template/default/images/index/arrow.png*/ no-repeat;
	cursor: pointer;
	z-index: 30
}

.banner .arrow li.prev {
	background-position: 0 0;
	margin-left: -283px
}

.banner .arrow li.next {
	background-position: -69px 0;
	margin-left: 245px
}

.hotschool {
	border: 1px #f90 solid;
	width: 1198px;
	height: 231px;
	background: url("../images/index/hotschool.gif")/*tpa=/template/default/images/index/hotschool.gif*/ left center no-repeat;
	text-align: center
}

.hotschool .rollBox img {
	border: none
}

.hotschool .rollBox {
	width: 855pt;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	margin-left: 50px
}

.hotschool .rollBox .Cont {
	width: 810pt;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 30px
}

.hotschool .rollBox .ScrCont {
	width: 625000pc
}

.hotschool .rollBox .Cont .pic {
	width: 157px;
	float: left;
	text-align: center;
	padding-right: 25px
}

.hotschool .rollBox .Cont .pic img {
	background: #fff;
	border: 1px solid #cbcbcb;
	display: block;
	margin: 0 auto;
	width: 157px;
	height: 125px
}

.hotschool .rollBox .Cont .pic img:hover {
	border: 1px #f90 solid
}

.hotschool .rollBox .Cont .pic p {
	line-height: 26px;
	color: #505050
}

.hotschool .Cont,.hotschool .img1,.hotschool .img2,.hotschool .rollBox #List1,.rollBox #List2 {
	float: left
}

.hotschool .img1 {
	background: url("../images/index/turn_pic.gif")/*tpa=/template/default/images/index/turn_pic.gif*/ left top no-repeat;
	margin-right: 10px
}

.hotschool .img1,.hotschool .img2 {
	width: 1pc;
	height: 31px;
	display: block;
	margin-top: 75pt;
	cursor: pointer
}

.hotschool .img2 {
	background: url("../images/index/turn_pic.gif")/*tpa=/template/default/images/index/turn_pic.gif*/ left -31px no-repeat;
	margin-left: 10px
}

.pic .schoolname {
	font-size: 9pt;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 10pc;
	overflow: hidden
}

.pic .seecourse a {
	border: 1px #f90 solid;
	color: #f90;
	background-color: #fff;
	padding: 1px 10px;
	font-size: 9pt;
	border-radius: 2px
}

.pic .seecourse a:hover {
	background-color: #f90;
	color: #fff
}