body{
    color: #333;
    font: 16px 'Microsoft YaHei','Hiragino Sans GB','Helvetica Neue',\5FAE\8F6F\96C5\9ED1,"SimHei",Tohoma,'sans-serif';
    cursor: default;
}
.bgfff{
    background: #fff;
}
.conbg{
    background: #f8f8f8;
    padding: 20px 0 20px;
}
/* 面包蟹导航 */
.bread_crabs{
    font-size: 14px;
    cursor: default;
}
.bread_crabs a{
    color: #000;
}
/* 面包蟹导航 */
/* banner */
.about_banner{
    display: block;
    width: 100%;
    margin-top: 20px;
}
/* 主体内容 */
.content{
    margin-top: 20px;
}
.con_right {
    padding-bottom:0px !important;
}
/* 右侧对应介绍 */
.things{background:url(/statics/images/about/bot-bg.png) no-repeat center 100%;overflow:hidden;position:relative;padding:65px 0 195px}
.things>div{position:relative;height:100%;padding-bottom:30px}
.things div.line-bg{border-left:1px dashed #ff7155;width:1px;height:100%;position:absolute;left:50%;top:20px;z-index:0;filter:Alpha(opacity=50);opacity:.5}
.start{width:56px;height:56px;z-index:2;position:absolute;left:50%;margin:20px 0 -30px -28px}
.start i{width:56px;box-shadow:0 14px 28px -11px #ff7155;position:relative;height:56px;z-index:3;display:inline-block;border-radius:50%;
    background:url(/statics/images/about/animate_logo.png) no-repeat 20px center, linear-gradient(to right,#ffa427,#ff7c3b)
} 
.month-l,.month-r{width: 50%;position:relative;line-height:30px;font-size:16px;color:#818181;margin-bottom:0}
.month-l{padding-right:70px;text-align:right}
.month-r{left:50%;padding-left:70px;}
.month-l i,.month-r i{width:45px;height:14px;position:absolute;display:inline-block;background:url(/statics/images/about/course_right_img.png) no-repeat left top;top:8px}
.month-r i{transform:rotateY(180deg);left:-7px}
.month-l i{right:-7px}
.month-l span,.month-r span{color:#ff9d00;display:block;font-size:18px}
.year{width:56px;height:56px;display:inline-block;background:linear-gradient(to right,#ffa427,#ff7c3b);border-radius:50%;position:relative;left:50%;margin:0 0 44px -28px;line-height:56px;text-align:center;color:#fff;font-size:16px;font-weight: 700; box-shadow:0 0 29px  rgba(255, 136, 53, .36)}
.start:after,.start:before,.year:after,.year:before{content:" ";display:inline-block;z-index:0;border-radius:50%;position:absolute}
.year:after{width:80px;height:80px;border:1px solid #eee;left:-12px;top:-12px}
.year:before{width:104px;height:104px;border:1px solid #f5f5f4;left:-24px;top:-24px}
.start:after{background:#ff9d00;animation:brandstart 5s linear 0s infinite;-moz-animation:brandstart 4s linear 0s infinite;-webkit-animation:brandstart 5s linear 0s infinite;-o-animation:brandstart 5s linear 0s infinite;left:28px;top:28px}
.start:before{background:#ff9d00;animation:brandstart 5s linear 2s infinite;-moz-animation:brandstart 4s linear 2s infinite;-webkit-animation:brandstart 5s linear 2s infinite;-o-animation:brandstart 5s linear 2s infinite;left:28px;top:28px}
@keyframes brandstart{from{width:56px;height:56px;margin-left:-28px;margin-top:-28px;opacity:.2}
to{width:300px;height:300px;margin-left:-150px;margin-top:-150px;opacity:0}
}
@-moz-keyframes brandstart{from{width:56px;height:56px;margin-left:-28px;margin-top:-28px;opacity:.2}
to{width:300px;height:300px;margin-left:-150px;margin-top:-150px;opacity:0}
}
@-webkit-keyframes brandstart{from{width:56px;height:56px;margin-left:-28px;margin-top:-28px;opacity:.2}
to{width:300px;height:300px;margin-left:-150px;margin-top:-150px;opacity:0}
}
@-o-keyframes brandstart{from{width:56px;height:56px;margin-left:0;margin-top:0;opacity:.2}
to{width:300px;height:300px;margin-left:-150px;margin-top:-150px;opacity:0}
}
.year:first-child{margin:0 0 44px -28px}
  /* 隐藏二级导航 */
  .twonav{
    display: none;
}