/*course_info*/
.erji{width: 70%;margin: 0 auto;text-align: center;height: 100px;    line-height: 100px;}
.erji li{display: inline-block;padding: 0px 15px}
.liucheng{ padding: 50px 0;background-color: #31B87E;}
.liucheng_div{ width: 60%;margin: 0 auto;text-align: center;}
.liucheng li{ float: left;width: 16%;}
.kecheng_name{text-align: center;    padding: 20px 0px;color: #31B87e;}
.kechengxx{margin: 0 auto;margin-bottom: 23px;margin: 0px 25%;}
.kechengxx li{ }
.kechengxx ul{    margin-bottom: 0px;}
.ks_time{ vertical-align: middle;    padding: 10px 0px;display: inline-block;background: #6CD0A5;color: #fff;width: 15%;    text-align: center;margin: 0}
.js_time{  display: inline-block;width: 80%;vertical-align: middle;text-align: center;}
.kecheng_content{text-indent: 2em;width: 50%;margin: 0 auto;color: #5F5E5E;    line-height: 26px;}
.baoming{margin:30px auto;width: 40%}
.baoming button{ border-radius: 7px;border: 0px;color: #fff;padding: 10px 30px;background: #31B87E;    font-size: 21px;}
.zhuanti{width: 90%;margin: 0 auto;margin-bottom: 30px;}
.zhuanti li{float: left;width:14%;margin:1%;text-align: center;position: relative;}
.kechengneirong{text-indent: 2em;width: 50%;margin: 0 auto;font-weight: bold;}
.zhuanti li img{width: 80%}
  @media (max-width: 768px) {

    .liucheng_div{width: 100%;}
    .liucheng{    padding: 20px 0;}
    .kechengxx{margin: 5px}
    .kechengneirong{width: 100%;}
    .baoming{width: 80%;margin: 0px auto;}
    .kecheng_content{width: 80%}
    .baoming button{font-size: 17px;    padding: 10px 10px;}
    .zhuanti{width: 100%}
    .zhuanti li{width: 31%;}
   }