.section-inner a,.sp-lf li,.sp-a-head,.sp-rig,.sp-title,.sp-list,.sp-imgitem a,.sp-lf h1,.scatd>td:first-child { 
  -webkit-box-sizing: border-box; box-sizing: border-box; }

.pageImg { width: 100%; overflow: hidden;
  height: auto; }
.pageImg img {width: 100%; }
.section-inner { margin: 0 auto;
  width: 1200px; 
  padding: 30px 0; }

.sp-title-rig .possplit {width:20px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEUAAABmZmZmZmZmZmZmZmYw3FdPAAAABHRSTlMAu92Zx93n2QAAABhJREFUCNdjEGYAAiZHBMmiAMSOEAyWBQAXvwFby0GNIgAAAABJRU5ErkJggg==); }
/************************************ 左 侧 栏 *************************************/
.sp-lf { 
  width: 22.5%; /*270 / 1200*/
  margin-right: 1.583%; /*19 / 1200*/ }
.sp-lf a { display: inline-block; width: 100%; }

/*栏目标题*/
.sp-lf h1 {
  width: 100%;
  background-color: #5b2469;
  }
/*.sp-lf h1 a {  font-weight: bold;
  padding-left: 45px; 
  height: 74px; 
  font-size: 30px; 
  line-height: 54px; 
  color: #fff; }*/

.sp-lf h1 a {
    text-align: center;
    font-weight: bold;
    padding: 20px 10px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

/*栏目下子栏*/
.sp-lf ul { width: 100%; position: relative; }
/*栏目最下方块状装饰*/
.sp-lf ul:before { content: ''; width: 100%; position: absolute; top: 100%; left: 0;
  height: 18px;   
  background-color: #ebe8db; }

.sp-lf li { width: 100%; overflow: hidden; position: relative;
  padding-left: 6px;

  background-color: #f7f7f7;
  transition: all .3s linear;  }
.sp-lf li:before {
  content: '';
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 6px;
  background-color: #5b2469;
  }
.sp-lf li i { float: right; font-style: normal;
  margin-right: 19px; 
  color: #aaaaaa; }
.sp-lf li a { width: 100%; 
  height: 60px; 
  line-height: 60px; 
  font-size: 18px;
  color: #444444; 
  padding-left: 42px; 
  border-right: 1px solid #ebe8db; }

/**除了下线或上线添加线条**/ 
.sp-lf li:not(:last-child) a { border-bottom: 1px solid #ebe8db; }

.sp-lf li:hover { background-color: #fff; }
.sp-lf li:hover a { color: #f28a08; }
.sp-lf li:hover i { 
  color: #f28a08; }
.sp-lf li:hover:before { background-color: #f28a08; }
.sp-lf li:hover a:before { background-color: #f28a08; }

/*当前栏目 - sp-lf-current*/
.sp-lf .sp-lf-current { background-color: #fff; }
.sp-lf .sp-lf-current a { color: #f28a08;  }
.sp-lf .sp-lf-current a:before { background-color: #f28a08; }
.sp-lf .sp-lf-current a i { 
  color: #f28a08; }
  /*左侧小方块*/
.sp-lf .sp-lf-current:before { 
  background-color: #f28a08;  } 
.sp-lf .sp-lf-current:after { content: ''; position: absolute;
  height: 3px; 
  width: 12px; 
  top: 28.5px; 
  left: 25px; 
  background-color: #f28a08;  }

.sp-lf li a  { position: relative; }
.sp-lf li a:before  { content: ''; 
  height: 3px; width: 12px; position: absolute; top: 27.5px; left: 19px; z-index: 1; background: #f7f7f7; }




/************************************ 右 侧 栏 *************************************/
.sp-rig { position: relative; background-color: #fff;
  padding: 0 3%;
  width: 75.7166%;/*911 / 1200*/}

/*标题和位置导航*/
.sp-title { width: 100%; 
  height: 70px; 
  border-bottom: 1px solid #e6e6e6; }
.sp-title-lf h1 { position: relative; 
  height: 70px; 
  line-height: 74px;
  font-size: 24px; 
  color: #1a5e9a; }

.sp-title-rig {
  color: #666666;
  line-height: 70px; }
.sp-title-rig a {color: #666666;} 
  /*开头标签*/
.sp-title-rig i {
  background: url('../img/position.png') no-repeat center center;
  padding: 10px 15px;  }
.sp-title-rig>div { display: inline-block; vertical-align: top;}
  /*最后一个栏目特殊样式*/
.sp-title-rig>div>span:last-child>a { 
  color: #f28a08; }
  /*图标或箭头*/
.sp-title-rig>div>span:nth-child(1n) { 
  color: #c0c0c0;  }


/************************************ page: 链 接 列 表 *************************************/
#wp_paging_w101 {  }
.wp_paging {width: 100%; text-align: center !important;}
.wp_paging>li { display: inline-block; }

#wp_news_w101 { width: 100%;
  padding: 20px 0; }

#wp_news_w101 li { position: relative;
  transform: all .5s;
  height: 39px;
  border-bottom: 1px solid #e8e8e8;
  padding-left: 26px; }
  /*文字前图片 - 一般使用before/after之一即可*/
#wp_news_w101 li:before,#wp_news_w101 li:after { position: absolute; content: ''; z-index: 2;
  width: 7px; 
  height: 7px;
  top: 50%;  }
#wp_news_w101 li:before { 
  left: 5px;
  margin-top: -3.5px; 
  background-color: #e1c668;
  /*background: url('../img/icon2.png') no-repeat 0px 0px; }*/  }
#wp_news_w101 li:after { z-index: 1;
  left: 7px; 
  margin-top: -1px; 
  background-color: #f5ebca;
  /*background: url('../img/icon2.png') no-repeat 0px 0px; }*/ }
#wp_news_w101 li a{ display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font-size: 16px;
  color: #444444;
  width: 88%;
  line-height: 39px; }

#wp_news_w101 li a:hover{
  color: #0c0c0c; }
.sp-list-time {
  line-height: 39px;
  color: #adadad;
  font-size: 15px;
  font-style: italic;
  margin-right: 3px;
}



/************************************ page: 单 页 文 章 *************************************/
.sp-article { 
  padding: 10px 0 30px 0; }
.spa-head { width: 100%; 
  padding: 16px 0; }
  /*描述性东西，一般是时间/栏目/作者/浏览人数*/
.spa-desc { width: 100%; text-align: center;
  line-height: 27px; 
  padding-bottom: 5px; 
  border-bottom: 1px dotted #cccccc; }
.sp-article h1 {
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 50px;
  font-size: 26px;
  color: #5b2469;
  }
.sp-content { 
  color: #444444; 
  line-height: 25px; 
  font-size: 16px; }
.sp-content hr { border: none; 
  margin-bottom: 20px; }


/************************************ page: 图 片 列 表 *************************************/
/*图片列表*/
.sp-imglist-outer { 
  padding: 30px 0; }
.sp-imglist {
  width: 100%; }
.sp-imglist>li {
  width: 260px;
  height: 260px; }

.sp-imglist>li:not(:nth-child(3n)) {
  margin-right: 3.3333%; }

.sp-imglist h3 { text-align: center; width: 100%; }
.sp-imglist a {  font-size: 16px; line-height: 40px;
  color: #555; }
.sp-imgitem { -webkit-transition: all .3s linear; transition: all .3s linear; }
.sp-imglist>li:hover .sp-imgitem{ 
  border: 3px solid #1a5e9a; }

.sp-imgitem { 
  border: 3px solid #f1eacc; }
.sp-imgitem a { display: inline-block; overflow: hidden; vertical-align: top;
  width: 254px;
  height: 194px;
  border: 1px solid #fff;
}
.sp-imgitem img {
  width: 252px; 
  height: 192px; }

/************************************ page: 推 荐 课 程 *************************************/

/*推荐课程列表页*/
.sp-course { padding: 30px 0;  }
.sp-course table { width: 100%; border-collapse:collapse; line-height: 21px;  }
.sp-course thead { background-color: #1a5e9a;text-align: center; }
.sp-course th { color: #FFFFFF; font-size: 16px; padding: 16.5px 0; }
.sp-course .scthi1 { width: 30.980861%; }
.sp-course .scthi2 { width: 15.430622%; }
.sp-course .scthi3 { width: 15.488038%; }
.sp-course .scthi4 { width: 19.856459%; }
.sp-course .scthi5 { width: 22.488038%; }
.sp-course a { color: #f28a08; }
.sp-course a:hover { text-decoration: underline; color: #ffae49; }
.sctd>td{ padding: 16.5px 0; text-align: center; }
.sctd:nth-child(2n){ background-color: #f0f6fb; }
.sctd>td:first-child { color: #4c4c4c; font-weight: bold; }
.sctd2>td{padding-top: 20.5px;padding-bottom: 20.5px; }
.sctd2:nth-child(2n){ background-color: #f0f6fb; }
.sctd2>td:first-child { color: #4c4c4c; font-weight: bold; width: 260px;}
.sctd2>td:nth-child(2) { color: #4c4c4c; font-weight: bold; width: 130px;}
.sctd2>td:nth-child(3) { color: #4c4c4c; font-weight: bold; width: 130px;text-align: center;}
.sctd2>td:nth-child(4) { color: #4c4c4c; font-weight: bold; width: 166px;text-align: center;}
.sctd2>td:nth-child(5) { color: #4c4c4c; font-weight: bold; width: 153px;text-align: center;}

/*推荐课程单页*/
.spc-heading { font-size: 18px; color: #1a5e9a; line-height: 18px; margin-bottom: 20px; text-align: left; }
.scr tr>td { padding: 16.5px 0; }
.scr tr>td:first-child { width: 18%; padding-left: 4.1866028%; }
.scr tr>td:nth-child(2) { width: 24%; }
.scr tr>td:nth-child(3) { width: 20%; }
.scr tr>td:nth-child(4) { width: 25%; }
.scr tr:not(:nth-child(2n)){ background-color: #f0f6fb; }
.scr tr>td:first-child { color: #4c4c4c; font-weight: bold; }
.scr tr>td:nth-child(3) { color: #4c4c4c; font-weight: bold; }
/*最后一列样式改动*/
/*.scatd:last-child { font-size: 16px; }*/


/***********************    响应式   **********************/
/*G电脑屏幕*/
@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1200px) { #wp_news_w101 li a { width: 81%; }
  .section-inner { width: 980px; } 
  .sp-imglist>li:not(:nth-child(2n)) {
  margin-right: 3.3333%; }
}
/*G平板屏幕*/
@media screen and (max-width: 992px) { #wp_news_w101 li a { width: 78%; }
  .section-inner{ width: 800px; } }

/*G手机屏幕*/
@media screen and (max-width: 768px) {
  .main,.section-inner,.section,.sp-rig,.sp-lf{ width: 100%; }
  .pageImg, .pageImg img {  height: 150px; }
  .section-inner { width: 100%; padding-top: 0; }
  .sp-lf,.sp-title-rig { display: none !important; }
  .sp-title-lf h1,.sp-article h1 { font-size: 23px; }
  .sp-article h1 { white-space: normal; line-height: 30px; margin: 10px 0; }
   .sp-article img { width: 100%; }
  .sp-rig { width: 100% !important; padding: 0 5%; }
  #wp_paging_w101 { padding: 0; }
  #wp_news_w101 li a { width: 62% !important; }
  .sp-imglist { text-align: center; }
  .sp-imglist li { display: inline-block; }
}

@media screen and (max-width: 390px) {}