/*------------------------------------------banner----------------------------------------*/
#banner{ height:330px; padding:20px 0 10px 0;}
#banner .banner{ position:relative; float:left; height:320px; width:480px; border:5px solid #f4f4f4; background:#f4f4f4; border-radius:10px; overflow:hidden;}
#banner .banner ul li{ position:absolute; left:0; top:0; width:480px; height:320px; z-index:2; display:none;}
#banner .banner ul li img{ width:480px; height:320px;}
#banner .banner .control{ position:absolute; bottom:-22px; left:0; width:480px; height:40px; padding:10px 0; background:url(../images/black80.png) repeat; z-index:3;}
#banner .banner .control h4{ height:20px; line-height:20px; text-align:center; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#banner .banner .control h4 a{ color:#eee; font-size:13px;}
#banner .banner .control h4 a:hover{ color:#fff; text-decoration:underline;}
#banner .banner .control p{ height:10px; text-align:center; margin-top:10px; font-size:0; line-height:0; overflow:hidden;}
#banner .banner .control p span{ display:inline-block; width:10px; height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/icon-detail.png) no-repeat -210px -100px; margin:0 5px;}
#banner .banner .control p span.current{ background:url(../images/icon-detail.png) no-repeat -230px -100px; margin:0 5px;}
#banner .content{ float:right; width:580px;}
#banner .content .wordh1{ height:60px; margin-bottom:10px;}
#banner .content .wordh1 h2{ float:left; line-height:60px; color:#ff9300; font-size:40px; margin-right:10px; font-weight:normal;}
#banner .content .wordh1 h3{ float:left; line-height:16px; color:#fff; font-size:12px; font-weight:normal; width:130px; text-align:center; padding:5px; background:#f00; border-radius:5px; box-shadow:0 0 3px #ccc;}
#banner .content .wordh2{ height:40px; line-height:40px; color:#ff0000; font-size:25px; font-weight:normal;padding-bottom:20px;}
#banner .content .wordh3{ height:40px; line-height:40px; color:#2ab7ea; font-size:30px; font-weight:normal; margin-bottom:10px;}
#banner .content .wordh4{ height:52px; line-height:26px; color:#ccc; font-size:20px; font-weight:normal; margin-bottom:20px;}
#banner .content .wordh33{ height:30px; line-height:30px; color:#2ab7ea; font-size:16px; font-weight:normal; margin-bottom:5px;}
#banner .content .wordh44{ height:30px; line-height:30px; color:#ff9300; font-size:16px; font-weight:normal; margin-bottom:5px;}
#banner .content .wordh55{ height:30px; line-height:30px; color:#11bd04; font-size:16px; font-weight:normal; margin-bottom:5px;}
#banner .content .wordh66{ height:18px; line-height:18px; color:#222; font-size:13px; font-weight:normal; margin-bottom:2px;}
#banner .content .apply{ height:40px; margin-bottom:20px;}
#banner .content .apply a{ display:block; width:119px; height:37px; line-height:34px; background:url(../images/icon-detail.png) no-repeat 0 -330px; color:#fff; font-size:18px; text-indent:16px; text-shadow:1px 1px 1px #0082d8;}
#banner .content .apply a:hover{ background:url(../images/icon-detail.png) no-repeat -120px -330px;}
#banner .content .notice{ height:20px; overflow:hidden;}
#banner .content .notice i{ float:left; width:16px; height:16px; display:block; margin-top:3px; margin-right:10px; background:url(../images/icon-detail.png) no-repeat -270px -100px;}
#banner .content .notice .list{ height:20px; overflow:hidden; float:left; width:500px;}
#banner .content .notice .list ul li{ line-height:20px;}
#banner .content .notice .list ul li a{ font-size:14px;}
#banner .content .notice .list ul li a:hover{ color:#333; text-decoration:underline;}
#banner .content .notice .list ul li span{ margin-left:10px; color:#aaa;}
/*证书*/
#caep{ background:url(../images/trainbg2.jpg) repeat; width:100%; margin-top:10px; z-index:2;}
#caep .w1110{  padding:30px 0 60px 0;}
#caep .wordh1{ font-size:34px; line-height:50px; height:50px; text-align:center; color:#000; font-weight:bold;}
#caep .wordh2{ height:34px; text-align:center; margin-top:10px; padding-left:400px;}
#caep .wordh2 h3{ float:left; font-size:20px; height:34px; line-height:34px; color:#f00; margin-right:20px;}
#caep .wordh2 .search{ float:left; height:26px; border-radius:5px; overflow:hidden; margin:4px 20px 0 0; display:none;}
#caep .wordh2 .search .stext{ float:left; width:120px; padding:0 10px; height:24px; line-height:24px; border:1px solid #eee; background:#fff; box-shadow:0 0 1px #ccc inset;}
#caep .wordh2 .search .sbutton{ float:left; width:30px; height:26px; border:0; background:url(../images/icon-detail.png) no-repeat 7px -375px #f00; cursor:pointer;}
#caep .wordh2 h4{ float:left; padding:0 10px; height:34px; line-height:34px; background:#f00; border-radius:5px; font-weight:normal; box-shadow:0 0 3px #ccc;}
#caep .wordh2 h4 a{ color:#fff;}
/*------------------------------------------课程----------------------------------------*/
#hot{ margin:-30px auto 40px auto; width:1110px; z-index:4;}
#hot ul{ width:1136px;}
#hot ul li{ float:left; margin-right:26px; width:258px; background:#4d4d4d; box-shadow:0 0 5px #666;}
#hot ul li .pic{ position:relative; width:258px; height:129px; margin-bottom:20px;}
#hot ul li .pic img{ width:258px; height:129px; position:relative; z-index:1;}
#hot ul li .pic i{ background:url(../images/icon-detail.png) no-repeat -70px -380px; display:block; position:absolute; z-index:2; width:30px; height:30px; bottom:-15px; left:114px;}
#hot ul li h4{ height:30px; line-height:30px; text-align:center; font-weight:normal;}
#hot ul li h4 a{ color:#f8dd00; font-size:16px;}
#hot ul li .content{ line-height:20px; margin:20px; color:#eee; height:120px; overflow:hidden;}
#hot ul li .more{ position:relative;}
#hot ul li .more a{ display:block; position:relative; top:20px; margin:0 auto; font-size:14px; width:140px; text-align:center; height:40px; line-height:40px; color:#000; text-shadow:1px 0 1px #fff; background:url(../images/icon-detail.png) no-repeat 0 -420px;}
#hot ul li .more a:hover{ background:url(../images/icon-detail.png) no-repeat -140px -420px;}
/*师资力量*/
#teacher{ margin-bottom:20px;}
#teacher .title{ height:40px; margin-bottom:5px;}
#teacher .title h2{ float:left; font-weight:normal; font-size:24px; color:#2ab7ea; line-height:40px;}
#teacher .title a{ float:right; margin-top:10px; line-height:30px; color:#999; font-size:14px;}
#teacher .title a:hover{ text-decoration:underline; color:#ff9300;}
#teacher .content{ border:1px solid #eee; padding:30px;}
#teacher .content .hot{ float:left; width:400px;}
#teacher .content .hot img{ float:left; width:130px; height:130px; margin-right:15px; border:1px solid #eee;}
#teacher .content .hot h4{ padding-top:10px; height:20px; line-height:20px; margin-bottom:10px; color:#000;}
#teacher .content .hot h4 a{ color:#000; font-weight:normal; font-size:16px;}
#teacher .content .hot h4 a:hover{ color:#f60;}
#teacher .content .hot p{ line-height:20px; height:80px; color:#999;}
#teacher .content .list{ float:right; padding-left:30px; border-left:1px solid #eee; width:590px; height:132px; overflow:hidden;}
#teacher .content .list ul{ width:620px;}
#teacher .content .list ul li{ float:left; width:102px; margin-right:20px;}
#teacher .content .list ul li img{ width:100px; height:100px; border:1px solid #eee;}
#teacher .content .list ul li h4{ line-height:20px; height:20px; margin-top:10px; text-align:center; font-weight:normal;}
/*培训展示*/
#show{ margin-bottom:20px;}
#show .title{ height:40px; margin-bottom:5px;}
#show .title h2{ float:left; font-weight:normal; font-size:24px; color:#2ab7ea; line-height:40px;}
#show .title a{ float:right; margin-top:10px; line-height:30px; color:#999; font-size:14px;}
#show .title a:hover{ text-decoration:underline; color:#ff9300;}
#show .list{ border:1px solid #eee; padding:10px 20px;}
#show .list ul{ width:1084px;}
#show .list ul li{ float:left; width:200px; margin-right:16px; padding:10px 0;}
#show .list ul li img{ width:200px; height:125px; border:1px solid #eee;}
#show .list ul li h4{ height:20px; line-height:20px; margin-top:5px; font-weight:normal; text-align:center; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#show .list ul li a:hover h4{ color:#ff9300;}
#show .list ul li a:hover img{ border:1px solid #ccc;}
/*学院介绍*/
#college{ margin-bottom:20px;}
#college .title{ height:40px; margin-bottom:5px;}
#college .title h2{ float:left; font-weight:normal; font-size:24px; color:#2ab7ea; line-height:40px;}
#college .title a{ float:right; margin-top:10px; line-height:30px; color:#999; font-size:14px;}
#college .title a:hover{ text-decoration:underline; color:#ff9300;}
#college .content{ border:1px solid #eee; padding:30px 20px; font-size:14px; line-height:25px; color:#999;}
/*学员展示*/
#student .title{ height:40px; margin-bottom:5px;}
#student .title h2{ float:left; font-weight:normal; font-size:24px; color:#2ab7ea; line-height:40px;}
#student .title a{ float:right; margin-top:10px; line-height:30px; color:#999; font-size:14px;}
#student .title a:hover{ text-decoration:underline; color:#ff9300;}
#student .list{ border:1px solid #eee; padding:10px 20px;}
#student .list ul{ width:1084px;}
#student .list ul li{ float:left; width:200px; margin-right:16px; padding:10px 0;}
#student .list ul li img{ width:200px; height:125px; border:1px solid #eee;}
#student .list ul li h4{ height:20px; line-height:20px; margin-top:5px; font-weight:normal; text-align:center; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#student .list ul li a:hover h4{ color:#ff9300;}
#student .list ul li a:hover img{ border:1px solid #ccc;}

/*当前位置*/
#location{ width:1110px; margin:10px auto 0 auto; height:20px; line-height:20px; color:#999;}
#location b{ margin:0 5px; font-weight:normal;}
#location a{ color:#999;}
#location a:hover{ color:#666;}
/*列表*/
#main{ width:1110px; margin:10px auto 0 auto;}
/*列表左边*/
#main .m_l{ float:left; width:840px; border:1px solid #eee; border-top:2px solid #2ab7ea;}
#main .m_l .list{ padding:10px 19px 0 19px;}
#main .m_l .list ul li{ padding:15px 0; border-bottom:1px dashed #e1e1e1;}
#main .m_l .list ul li .title{ height:20px; line-height:20px; overflow:hidden;}
#main .m_l .list ul li .title h4{ float:left; font-weight:normal; height:20px; line-height:20px; max-width:700px; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .m_l .list ul li .title h4 a{ color:#1ea5ff;}
#main .m_l .list ul li .title h4 a:hover{ text-decoration:underline;}
#main .m_l .list ul li .title span{ float:left; color:#ccc; font-family:Georgia, "Times New Roman", Times, serif;}
#main .m_l .list ul li .brief{ line-height:20px; overflow:hidden; color:#999; margin-top:10px;}
#main .m_l .list ul li .tag{ margin-top:10px; padding-left:12px; background:url(../images/bg.png) no-repeat -290px -1026px; overflow:hidden; color:#999; line-height:20px;}
#main .m_l .list ul li .tag a{ margin:0 3px; color:#999;}
#main .m_l .list ul li .tag a:hover{ color:#f60;}
#main .m_l .headlist{ padding:10px 19px 0 19px;}
#main .m_l .headlist ul li{ padding:15px 0; border-bottom:1px dashed #e1e1e1;}
#main .m_l .headlist ul li img{ float:left; width:140px; border:1px solid #eee; border-radius:7px; box-shadow:0 0 2px #ddd;}
#main .m_l .headlist ul li .content{ float:right; width:620px; padding:10px 0;}
#main .m_l .headlist ul li .title{ height:20px; line-height:20px; overflow:hidden;}
#main .m_l .headlist ul li .title h4{ float:left; font-weight:normal; height:20px; line-height:20px; max-width:470px; margin-right:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#1ea5ff;}
#main .m_l .headlist ul li .title h4 a{ color:#1ea5ff;}
#main .m_l .headlist ul li .title h4 a:hover{ text-decoration:underline;}
#main .m_l .headlist ul li .title span{ float:left; color:#ccc; font-family:Georgia, "Times New Roman", Times, serif;}
#main .m_l .headlist ul li .brief{ line-height:20px; overflow:hidden; color:#999; margin-top:10px;}
#main .m_l .headlist ul li .tag{ margin-top:10px; padding-left:12px; background:url(../images/bg.png) no-repeat -290px -1026px; overflow:hidden; color:#999; line-height:20px;}
#main .m_l .headlist ul li .tag a{ margin:0 3px; color:#999;}
#main .m_l .headlist ul li .tag a:hover{ color:#f60;}
#main .m_l .piclist{ padding:10px;}
#main .m_l .piclist ul{}
#main .m_l .piclist ul li{ float:left; padding:19px 10px; border-bottom:1px dashed #e1e1e1; height:154px; width:184px;}
#main .m_l .piclist ul li img{ width:180px; border:2px solid #eee; border-radius:7px; height:120px;}
#main .m_l .piclist ul li h4{ font-weight:normal; height:20px; text-align:center; font-size:12px; line-height:20px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .m_l .piclist ul li a{ color:#999;}
#main .m_l .piclist ul li a:hover{ text-decoration:underline; color:#333;}
#main .m_l .kemulist{ padding:20px 20px 0 20px;}
#main .m_l .kemulist ul{ width:820px;}
#main .m_l .kemulist ul li{ float:left; margin-right:20px; margin-bottom:20px; border-bottom:1px dashed #e1e1e1; height:140px; width:211px; border:1px solid #eee; padding:20px; background:#fafafa;}
#main .m_l .kemulist ul li:hover{ background:#fff9f1;}
#main .m_l .kemulist ul li .title{ font-weight:normal; height:30px; font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#main .m_l .kemulist ul li .title a{ color:#2ab7ea;}
#main .m_l .kemulist ul li a:hover{ text-decoration:underline;}
#main .m_l .kemulist ul li .content{ height:80px; overflow:hidden; line-height:20px; color:#999; margin:10px 0;}
#main .m_l .kemulist ul li p a{ color:#ccc;}
#main .m_l .kemulist ul li p a:hover{ color:#ff9300; text-decoration:underline;}
#main .m_l .page{ padding:10px 19px 20px 19px; position:relative; z-index:1; height:25px;}
#main .m_l .page .total{ float:right; height:25px; line-height:25px; color:#999;}
#main .m_l .page .total b{ font-weight:normal; margin:0 3px; color:#999;}
#main .m_l .page a{ float:left; display:inline-block; padding:0 8px; height:23px; line-height:23px; background:#fff; margin-right:5px; border:1px solid #eee; color:#aaa;}
#main .m_l .page a.current{ background:#3391e8; color:#fff;}
#main .m_l .page a:hover{ background:#3391e8; color:#fff;}
#main .m_l .page em{ float:left; display:inline-block; height:25px; line-height:25px; margin-right:5px;}
#main .m_l .bt{ padding:0 20px; height:70px; overflow:hidden;}
#main .m_l .bt h1{ float:left; margin-right:20px; font-size:30px; color:#fff; line-height:60px; font-weight:normal; background:#2ab7ea; padding:0 20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0 3px 3px #ccc;}
#main .m_l .bt a{ float:right; display:block; background:url(../images/bg.png) no-repeat -274px -1226px #1ea5ff; padding:0 10px 0 30px; margin-top:30px; height:30px; line-height:30px; color:#fff; border-radius:3px;}
#main .m_l .detail{ overflow:hidden; line-height:25px; font-size:13px; color:#333; padding:20px;}
.pxtable{ width:100%; border-collapse:collapse; border:0;}
.pxtable tr th{ border:1px solid #eee; line-height:20px; border-collapse:collapse; padding:5px; background:#eee;}
.pxtable tr td{ border:1px solid #eee; border-collapse:collapse; padding:10px;}
.pxtable tr td a{ color:#f00;}
.pxtable tr td a:hover{ text-decoration:underline;}
.pxtable tr .title{ text-align:center; font-size:14px; color:#333; font-weight:bold;}
.pxtable ol{ margin:0; padding-left:20px;}
.pxtable ol li{ list-style:decimal;}
.t-table{ width:100%; border-collapse:separate; border-top:1px solid #d87d00; border-bottom:0; border-right:1px solid #d87d00; border-left:0; background:#ff9300;}
.t-table tr td{ border-bottom:1px solid #d87d00; border-top:1px solid #ffb302; border-left:1px solid #d87d00; border-right:1px solid #ffb302; border-collapse:collapse; padding:10px; color:#fff;}
.t-table tr td:last-child{ border-right:0 !important;}
.t-table tr:first-child td{ border-top:0 !important;}
/*列表右边*/
#main .m_r{ float:right; width:250px;}
#main .m_r .subnav{ height:30px; padding:1px; border:1px solid #ff9300; margin-bottom:10px;}
#main .m_r .subnav a{ display:block; width:122px; height:30px; line-height:30px; text-align:center; background:#ff9300; color:#fff;}
#main .m_r .subnav a:hover{ background:#f60;}
#main .m_r .recommend{ border:1px solid #eee; padding:9px; margin-bottom:10px;}
#main .m_r .recommend .title{ height:20px; line-height:20px; padding-bottom:7px; border-bottom:1px solid #eee; margin-bottom:7px;}
#main .m_r .recommend .title h4{ float:left; font-weight:normal; color:#0078bd; font-size:16px;}
#main .m_r .recommend .title a{ float:right; color:#ccc;}
#main .m_r .recommend .title a:hover{ color:#333; text-decoration:underline;}
#main .m_r .recommend ul li{ height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px; background:url(../images/bg.png) no-repeat -290px -410px; padding-left:10px;}
#main .m_r .recommend ul li a:hover{ text-decoration:underline; color:#333;}.sort{ border:1px solid #e1e1e1; background:#fff;}
#main .m_r .sort h4{ height:33px; line-height:33px; background:url(../images/bg.png) no-repeat -280px -1062px #2ab7ea; color:#fff; padding:0 10px 0 27px; border:1px solid #fff;}
#main .m_r .sort ul{ padding:10px 0 10px 10px; width:240px;}
#main .m_r .sort ul li{ float:left; margin-right:10px; width:110px; height:25px;}
#main .m_r .sort ul li a{ display:inline-block; background:url(../images/bg.png) no-repeat -290px -1150px; padding-left:10px; height:25px; line-height:25px; width:100px; white-space:nowrap; margin-right:10px; overflow:hidden; text-overflow:ellipsis;}
#main .m_r .sort ul li a:hover{ color:#ff9300; background:url(../images/bg.png) no-repeat -290px -810px;}
#main .m_r .collegelist ul li{ height:30px; margin-bottom:1px; border:1px solid #eee; padding:1px;}
#main .m_r .collegelist ul li a{ display:block; background:#ff9300; padding:0 10px; height:30px; line-height:30px; color:#fff;}
#main .m_r .collegelist ul li a:hover{ background:#f60;}
#main .m_r .ad{ margin-bottom:10px;}
#main .m_r .ad img{ width:100%;}
/*详情页*/
#detail{ width:1070px; border:1px solid #eee; border-top:2px solid #2ab7ea; margin:10px auto 0 auto; padding:19px; background:#fff;}
#detail .title{ font-size:28px; color:#ff9300; height:40px; line-height:40px; margin-bottom:10px; font-weight:normal;}
#detail .date{ height:20px; line-height:20px; color:#aaa; margin-bottom:30px;}
#detail .date span{ margin-right:30px;}
#detail .date a{ text-decoration:underline; color:#999;}
#detail .date a:hover{ color:#f60;}
#detail .date b{ font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-left:5px;}
#detail .pic{ margin-bottom:20px; margin-left:20px; float:right;}
#detail img{ max-width:1066px; border:2px solid #eee;}
#detail .content{ font-size:14px; line-height:25px; color:#454545; margin-bottom:40px;}
#detail .other{ border-top:1px dashed #ddd; padding-top:15px;}
#detail .other p{ font-size:13px; color:#aaa; line-height:25px; height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#detail .other p a{ color:#aaa;}
#detail .other p a:hover{ color:#ff9300; text-decoration:underline;}
#detail .share{ margin-top:15px;}