/*课程步骤*/
.search.bai{ background:#fff; }
.topcx{background:#fa866a; width:100%; }
.topc{ width:1020px; margin:0 auto; }
.topc .topl{ width:220px; height:200px; }
.topc .topr{ background:#fa866a; width:800px; height:200px; }
.topc .topr p{ padding-left:30px; padding-top:15px;  }
.topc .topr p span{ line-height:26px;color:#fed0b0; }
.topc .topr p span a{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; display:inline-block;color:#fff; text-align:center; width:60px; height:26px; line-height:26px; font-size:12px;  }
.topc .topr p span a:hover{color:#fff; background:#f5815d;  text-decoration:underline; }
.topc .topr h2{margin-left:35px; color:#FFF; font-size:30px; line-height:30px;   margin-top:20px; margin-bottom:20px;  }
.topc .topr h2 .fl1{}
.topc .topr h2 .ico{background:url(../img/xla.png) no-repeat; width:20px; height:10px;  margin-top:10px; margin-left:15px;  }
.topr .ul{ padding-top:100px; padding-left:35px; display:block; position:relative }
.topr .ul li{ float:left; line-height:21px; }
.topr .ul li.li1{ width:160px; }
.topr .ul li.li1 .ico{ background:url(../img/ht1.png) no-repeat; width:26px; height:21px; }
.topr .ul li .fl1{ color:#ffd5b5; font-size:12px; padding-left:10px; }
.topr .ul li.li2{ padding-left:34px;width:170px; }
.topr .ul li.li3{ padding-left:34px; width:170px;}
.topr .ul li.li2 .ico{ background:#ffd5b5 url(../img/hxin.png) no-repeat; background-position:3px 5px;  width:21px; height:21px; border-radius:21px;  }
.topr .ul li.li3 .ico{ background:url(../img/fx.png) no-repeat; width:22px; height:21px; }
.topr .ul .li4{  width:30px; position:absolute; right:0px; bottom:-30px; }
.topr .ul .li4 a{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; display:inline-block; background:#ffd5b5 url(../img/hxin.png) no-repeat; background-position:7px 8px;  width:28px; height:28px; border-radius:28px; }
.topr .ul .li4 a:hover{background:#fff url(../img/hxin.png) no-repeat; background-position:7px 8px;}

.kcx{width:1020px; margin:0 auto;}
.kcxl{ width:200px; }
.kcxlt{border-bottom:2px solid #eceff3; padding-top:34px; padding-bottom:12px; width:200px;}
.kcxlt .fl{ color:#5e6f8a; font-size:17px; line-height:17px; padding-top:6px; }
.kcxlc{ padding-top:30px; }
.kcxlc p{ color:#8fa4c0; font-size:14px; line-height:20px; }
.kcxlc a{ 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; margin-top:28px;background:#fa866a; text-align:center; color:#fff; width:100%; display:inline-block; height:38px; line-height:38px; font-size:16px; }
.kcxlc a:hover{ background:#ff688a }
.kcxr{ width:800px; }

.kcxrt{ border-bottom:2px solid #eceff3; padding-top:34px; padding-bottom:12px; width:800px;}
.kcxrt .fl{ color:#5e6f8a; font-size:17px; line-height:17px; padding-top:6px; }


.kcxrc{width:800px;  padding-top:28px; padding-bottom:45px; }
.kcxrc dl{ z-index:1; clear:both; display:block; padding:0px; margin:0px;  }
.kcxrc dl dd{z-index:1; float:left; width:738px; margin-left:12px; padding-left:45px; padding-top:35px;padding-bottom:35px; border-left:2px solid #fa866a; position:relative;  }
.kcxrc dl dd .ico{ z-index:100; background:#fa866a; color:#fff; font-size:14px; font-weight:bold; width:27px; height:27px; border-radius:27px; line-height:27px; text-align:center; display:block; position:absolute; top:-13px; left:-13px; }
.kcxrc dl dd h1{z-index:1000;  position:absolute; top:-13px; left:45px; color:#607290; font-size:16px; line-height:30px; }

.kcxrc ul{  clear:both}
.kcxrc ul li{ background:#fff; text-align:center; height:300px; float:left; width:226px; margin-right:30px;  position:relative; }
.kcxrc ul li a{ position:relative; display:block; }
.kcxrc ul li a img{ width:226px; height:134px; }
.kcxrc ul li span.on{transition-duration: .2s; 
-moz-transition-duration: .2s; /* Firefox 4 */
-webkit-transition-duration: .2s; /* Safari 和 Chrome */
-o-transition-duration: .2s; /* Opera */
transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background; position:absolute;  width:15px; height:15px; background:#fff;  left:20px; top:126px; -webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);transform: rotateZ(45deg); }

.kcxrc ul li strong.cl{transition-duration: .2s; 
-moz-transition-duration: .2s; /* Firefox 4 */
-webkit-transition-duration: .2s; /* Safari 和 Chrome */
-o-transition-duration: .2s; /* Opera */
transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background; font-weight:bold; padding-top:20px; padding-bottom:10px; color:#607290; width:100%; text-align:center; font-size:16px; line-height:22px; height:44px; }
.kcxrc ul li strong.cl a{transition-duration: .2s; 
-moz-transition-duration: .2s; /* Firefox 4 */
-webkit-transition-duration: .2s; /* Safari 和 Chrome */
-o-transition-duration: .2s; /* Opera */
transition-property:color;
-moz-transition-property: color; /* Firefox 4 */
-webkit-transition-property:color; /* Safari 和 Chrome */
-o-transition-property:color; color:#607290;}
.kcxrc ul li span.cl{margin-top:10px; border-radius:5px; padding-left:10px; padding-right:10px; display:inline-block; border:1px solid #d0e6a2; background:#a1ce46; color:#fff; text-align:center; font-size:14px; line-height:20px; }
.kcxrc ul li p.cl{ padding-top:10px; padding-left:10px; padding-right:10px; display:inline-block;  color:#aeb9ca; text-align:center; font-size:14px; line-height:20px; }
.kcxrc ul li a .xin{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; cursor:pointer; position:absolute; width:22px; height:22px; border-radius:22px; background:#a1ce46 url(../img/aixin.png) no-repeat; background-position:6px 8px ; text-align:center;  top:11px; right:11px; }
.kcxrc ul li a .xin:hover{background:#ff688a url(../img/aixin.png) no-repeat; background-position:6px 8px ;}
.kcxrc ul li span.num{ display:none }
.kcxrc ul li:last-child{ margin-right:0px; }
.kcxrc ul li:hover span.on{ background:#a1ce46 }
.kcxrc ul li:hover strong.cl{background:#a1ce46 }
.kcxrc ul li:hover strong.cl a{ color:#fff; }