.search.bai{ background:#fff; }
.xuexi.bai{ background:#fff; }
.kechengtitt{ border-bottom:2px solid #eceff3; padding-top:34px; padding-bottom:12px; width:1020px; margin:0 auto;}
.kechengtitt .fl{ color:#5e6f8a; font-size:17px; line-height:17px; padding-top:6px; }
.kechengtitt .fl span{ color:#aeb9ca; font-size:12px; }

.kechengtitt .fr{}
.kechengtitt .fr ul{ float:right;}
.kechengtitt .fr ul li{transition-duration: .5s; 
-moz-transition-duration: .5s; /* Firefox 4 */
-webkit-transition-duration: .5s; /* Safari 和 Chrome */
-o-transition-duration: .5s; /* Opera */
transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background; border-right:1px solid #fff; cursor:pointer; float:left; width:75px; height:31px; line-height:31px; color:#fff; background:#B7C2CD; text-align:center }
.kechengtitt .fr ul li.on{ background:#F9856E }
.kechengtitt .fr ul li:hover{ background:#F9856E }
.kechengtitt .fr ul li:first-child{ border-radius:5px 0px 0px 5px; }
.kechengtitt .fr ul li:last-child{border-right:0px solid #fff; border-radius:0px 5px 5px 0px; }
.spdianx{ padding-right:20px; }
.spdianx span{ margin-left:2px; width:32px; margin-right:2px; }
.spdianx .dian.on{ cursor:pointer; display:inline-block; background:#F9856E url(../img/dianheng_01.png) no-repeat; background-position:6px 7px; border-radius:5px; width:31px; height:30px; }
.spdianx .heng{cursor:pointer; display:inline-block; background:#B7C2CD url(../img/dianheng_01.png) no-repeat; background-position:-37px 7px; border-radius:5px; width:31px; height:30px; }
.spdianx .dian{ cursor:pointer; display:inline-block; background:#B7C2CD url(../img/dianheng_01.png) no-repeat; background-position:6px 7px; border-radius:5px; width:31px; height:30px; }
.spdianx .heng.on{cursor:pointer; display:inline-block; background:#F9856E url(../img/dianheng_01.png) no-repeat; background-position:-37px 7px; border-radius:5px; width:31px; height:30px; }


.xuexi{width:1020px; margin:0 auto; padding-top:28px; padding-bottom:45px; }
.xuexi ul{  clear:both; padding-bottom:40px; overflow:hidden}
.xuexi ul li{ text-align:center; height:310px; float:left; background:#fff; width:226px; margin-right:38px;  position:relative; }
.xuexi ul li a{ position:relative; display:block; }
.xuexi ul li a img{ width:226px; height:134px; }
.xuexi ul li strong.cl{ font-weight:bold;background:url(../img/lsjo.png) no-repeat; background-position:0px 13px; padding-top:10px; padding-bottom:10px; color:#607290;  margin-left:10px; margin-right:10px; border-bottom:1px dashed #61738F; text-align:left; font-size:16px; height:40px; line-height:20px; padding-left:20px;  }
.xuexi ul li strong.cl a{ color:#607290;  }
.xuexi ul li p{ float:left; text-align:left;  padding-left:10px;  padding-top:10px;   display:inline-block;  color:#61738F;  font-size:14px; line-height:20px; }
.xuexi ul li p span{ color:#B7C2CD; font-size:14px; float:left; }
.xuexi ul li p span.sp1{color:#61738F;  font-size:14px;}
.xuexi ul li p.cl1 .ico{ display:inline-block; width:25px; height:22px; background:url(../img/hth_03.png) no-repeat; background-position:0px 0px;  }
.xuexi ul li p.cl2 .ico{ display:inline-block; width:25px; height:22px; background:url(../img/hth_03.png) no-repeat; background-position:0px -34px;  }
.xuexi ul li p.cl3 .ico{ display:inline-block; width:25px; height:22px; background:url(../img/hth_03.png) no-repeat; background-position:0px -67px;  }
.xuexi ul li .xin{transition-duration: .5s;  z-index:110;
-moz-transition-duration: .5s; /* Firefox 4 */
-webkit-transition-duration: .5s; /* Safari 和 Chrome */
-o-transition-duration: .5s; /* Opera */
transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background; cursor:pointer; position:absolute; width:22px; height:22px; border-radius:22px; background:#F9856E url(../img/aixin.png) no-repeat; background-position:6px 8px ; text-align:center;  bottom:11px; right:11px; }
.xuexi ul li .xin:hover{background:#FD678B url(../img/aixin.png) no-repeat; background-position:6px 8px ;}

.xuexi ul li:last-child{ margin-right:0px; }


.pagb{ padding-top:100px; padding-bottom:50px; text-align:center }
.pagb a{ display:inline-block; background:#F5F7FA; color:#aeb9ca; font-size:12px; margin-left:6px; margin-right:6px;width:15px; height:15px;  line-height:15px;}
.pagb a.on{ background:#F9856E; color:#fff; border-radius:15px;  text-align:center;  }
.pagb a:hover{ background:#F9856E; color:#fff; border-radius:15px;  text-align:center;  }
.pagb a.next{display:inline-block; color:#fff; border-radius:15px; text-align:center;width:15px; height:15px; background:#F9856E url(../img/dj.png) no-repeat; background-position:4px 3px; }
.xuexi ul li .abc{ z-index:100; position:absolute; left:0px;  display:none; top:136px; padding-top:30px; width:100%;height:143px; text-align:left; background:#fff; }
.xuexi ul li .abc dl{ clear:both; display:block; padding-left:25px;  padding-top:5px; padding-bottom:5px; }
.xuexi ul li .abc dl dt{ float:left; width:35px; text-align:left; }
.xuexi ul li .abc dl dt span{ background:#f5815d; display:block; text-align:center; color:#fff; font-weight:bold; width:26px; height:26px; border-radius:26px; line-height:26px; font-size:12px; font-weight:bold; font-family:Arial; }
.xuexi ul li .abc dl dd{ float:left; width:150px; line-height:26px; color:#607290; font-size:13px; }
.xuexi ul li:hover .abc{ display:block;}