body,
html {
 margin:0;
 font-size:14px
}
ul {
 list-style-type:none;
 padding:0
}
h1,
h2,
h3,
h4,
h5,
h6,
ul {
 margin:0
}
a,
input {
 outline:0
}
img {
 border:none
}
.clearfix:after,
.clearfix:before {
 content:"";
 display:table
}
.clearfix:after {
 clear:both;
 overflow:hidden
}
.clearfix {
 zoom:1
}
body {
 background:#f4f4f4
}
#newheader {
 position:absolute
}
#newheader .header-container {
 width:1200px
}
.feature-panel {
 background:#fff;
 margin-bottom:30px;
 overflow:hidden;
 height:140px
}
.feature-panel li {
 width:25%;
 float:left;
 height:100%;
 overflow:hidden;
 transition:opacity .2s ease-in-out
}
.feature-panel li:hover {
 opacity:.8;
 box-shadow:inset 0 0 2px #d5d5d5
}
.feature-panel img {
 width:100%;
 height:auto;
 display:block
}
.feature-panel .feature-img-box {
 width:120px;
 text-align:center;
 position:absolute;
 margin:12px 10px
}
.feature-panel .feature-dec {
 padding:30px 0 30px 130px;
 line-height:22px;
 color:#999;
 font-size:14px
}
.feature-panel .feature-dec h3 {
 font-size:20px;
 padding-bottom:10px
}
.wrapper {
 width:1200px;
 margin:0 auto
}
.course-panel {
 background:#fff;
 margin-bottom:30px;
 padding:15px 0;
 height:557px
}
.course-panel.small {
 height:312px
}
.course-panel.jinghua,
.course-panel.recommend {
 height:323px
}
.course-panel h3 {
 line-height:24px;
 margin:10px 0;
 padding-left:24px;
 display:inline-block;
 border-left:3px solid #57bc4c;
 float:left;
 width:291px;
 font-size:24px;
 color:#666
}
.course-panel .categary-list li {
 text-align:center;
 float:left;
 border-bottom:3px solid #fff;
 padding:10px 16px;
 font-size:16px;
 cursor:default
}
.course-panel .categary-list li.on {
 color:#57bc4c;
 border-bottom:3px solid #57bc4c
}
.course-panel .categary-list li.single {
 margin-bottom:10px;
 float:left;
 margin-right:18px;
 width:133px
}
.course-panel .course-con {
 margin:8px 18px 20px
}

body {
 font-size:12px
}
.warp,
body {
 background-color:#f5f5f5
}
.warp {
 width:1230px;
 margin:20px auto
}
.warp-left,
.warp-right {
 float:left;
 background-color:#fff
}
.warp-left{width:225px;}
.warp-right {
 width:895px;
 margin-left:20px;
 padding-right:30px;
 padding-left:30px
}
.warp-right .load {
 height:700px
}
.clearfloat {
 clear:both
}
.left-head {
 width:161px;
 height:63px;
 color:#49b849;
 font-size:24px;
 border-bottom:1px solid #f9f9f9;
 margin:20px auto
}
.left-head .logo {
 display:block;
 width:161px;
 height:63px;
 background:url(../imgs/logo.png) no-repeat 50%;
 margin:30px auto
}
.left-head span {
 vertical-align:middle
}
.verticleNav {
 width:225px
}
.verticleNav li {
 height:35px;
 list-style:none;
 text-align:center;
 line-height:35px;
 margin-bottom:13px;
 font-size:15px
}
.verticleNav li a {
 color:#666
}
.verticleNav .tabSelected {
 border-left:5px solid #49b849
}
.verticleNav .tabSelected a {
 color:#49b849;
 font-size:18px
}
.verticleNav a:hover {
 color:#49b849
}
.content-list {
 width:900px;
 height:178px;
 position:relative;
 border-bottom:1px solid #f9f9f9
}
.main-left {
 position:absolute;
 margin-top:-62px;
 top:50%;
 left:0
}
.main-left,
.main-left img {
 width:190px;
 height:125px
}
.main-right {
 width:685px;
 height:125px;
 position:absolute;
 left:210px;
 margin-top:-62px;
 top:50%
}
.main-title {
 width:100%;
 height:25px;
 font-size:18px;
 position:absolute;
 left:0;
 top:0
}
.main-title a {
 color:#494949;
 font-size:18px;
 display:block;
 width:100%;
 height:100%;
 white-space:nowrap;
 text-overflow:ellipsis;
 -o-text-overflow:ellipsis;
 overflow:hidden
}
.main-title a:hover {
 color:#49b849
}
.main-con {
 width:685px;
 height:45px;
 line-height:23px;
 margin:40px 0 25px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 font-size:14px
}
.main-foot {
 width:100%;
 height:15px;
 position:absolute;
 bottom:5px;
 left:-10px;
 color:#c9c9c9
}
.main-foot span {
 color:#c9c9c9;
 vertical-align:middle
}
.main-foot .img0 {
 top:0;
}
.main-foot .img0,
.main-foot .img1 {
 display:inline-block;
 width:26px;
 height:20px;
 position:relative
}
.main-foot .img1 {
 top:-2px;
}
.main-foot .spacing {
 margin:0 15px;
 display:inline
}
.jump-page-l {
 line-height:70px;
 text-align:center;
 width:100%;
 background-color:#fff;
 padding:60px 0 0
}
.jump-page-l .pages {
 display:inline-block;
 *display:inline;
 zoom:1
}
.pages {
 text-align:center;
 color:#999;
 margin:20px 0;
 line-height:150%;
 font-size:12px
}
.pages b {
 display:inline-block;
 margin-top:4px;
 letter-spacing:2px
}
.pages a.prev {
 position:relative;
 padding:8px 15px 8px 30px;
 margin-right:-4px
}
.pages a.next {
 position:relative;
 padding:8px 30px 8px 15px
}
.pages a {
 display:inline-block;
 _display:inline;
 zoom:1;
 border:1px solid #eee;
 padding:8px 12px;
 color:#666;
 margin-left:3px;
 text-decoration:none;
 font-size:16px;
 vertical-align:top;
 background:#fff
}
.pages a:hover {
 border:1px solid #4eb64f;
 color:#4eb64f
}
.pages a.currpage {
 background-color:#4eb64f;
 border-color:#4eb64f;
 color:#fff!important;
 cursor:default
}
.pages a.next em,
.pages a.prev em {
 display:inline-block;
 zoom:1;
 width:6px;
 height:12px;
 position:absolute;
 top:12px
}
.pages a.prev:hover em,
.pages a.prev em {
 background:url() no-repeat
}
.pages a.prev em {
 left:16px
}
.pages a.next:hover em,
.pages a.next em {
 background:url() no-repeat
}
.pages a.next em {
 right:15px
}
.bread {
 margin:32px 0 5px
}
.bread-list {
 display:inline-block
}
.bread-list,
.bread-list a {
 color:#c8c8c8
}
.bread-list a:hover {
 color:#49b849
}
@media screen and (min-width:1352px) {
 .hui-footer-bd,
 .hui-footer-ft {
  width:1120px
 }
}