@font-face {
  font-family: 'fontNameRegular';
  src: url('css/fontName.woff');
  src: local('fontName Regular'),
         local('fontName'),
         url('fontName.woff') format('woff'),
         url('fontName.ttf') format('truetype'),
         url('fontName.svg#fontName') format('svg');
 } 
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,
button, input, select, textarea ,span{
     margin:0px;
     padding:0px;
     font-family: "Helvetica", "Lantinghei SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti Light", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif, Arial !important;
}
input:-ms-input-placeholder{color:#d0d0d0}
input::-webkit-input-placeholder{color:#d0d0d0}
input:-moz-placeholder,input::-moz-placeholder{color:#d0d0d0}
button,input{outline:none;}
.width90{
    width:80%;
    margin:0px auto;
}
.width100{
    width:100%;
}
.banner{
    width:100%;
}
.banner img{
    width:100%;
}
.footer{
    width:100%;
    padding:35px 0px;
    background: #4A4A4A;
}
.footer .footerinfo{
    width:300px;
    margin:0px auto;
}
.footer .footerinfo p{
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    padding:10px 0px;
}
.title{
    font-size: 15px;
    color: #4A4A4A;
    letter-spacing: 0;
    padding-bottom:5px;
    margin-top:30px;
    text-align:center;
}
.lesson_prosses{
  width:100%;
  text-align:center;
  margin-top:20px;
  margin-bottom:35px;
}
.lesson_prosses img{
  width:90%;
  margin:0px auto;

}
.buzhou{
  width: 90%;
  position: relative;
  margin: 60px auto;
}
.buzhou-left{
  width: 64px;
  position: relative;
  float: left;
  top: 20px;
}
.buzhou-left span{
  width: 50px;
  height: 50px;
  background-color: #ffa438;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  border: 4px solid #fff;
  border-radius: 50%;
  color: #fff;
}
.buzhou-1{
  top: 0px;
  left: 0px;
}
.buzhou-2{
  top: 340px;
  left: 0px;
}
.buzhou-3{
  top:880px;
  left: 0px;
}
.buzhou-line{
  width: 2px;
  height: 900px;
  background: #ffa438;
  left: 50%;
  margin-left: -1px;
  top: 0px;
  position: absolute;
  z-index: -1;
}
.buzhou-right{
  /*width: 80%;*/
  margin-left: 80px;
  float:left;
}
.buzhou-info{
  margin-bottom: 50px;
}
.buzhou-info img{
  display: block;
  width: 70%;
  margin:0px auto;
  margin-bottom: 25px;
}
.buzhou-img{
  position: relative;
  /*left: -60px;*/
}
.buzhou-info h1{
  font-size: 20px;
  color: #000;
  margin-bottom: 30px;
  text-align:center;
}  
.buzhou-info p{
  font-size: 14px;
  color: #aaa;
  margin-bottom: 20px;
}  
.buzhou-info ul {
  border-top: 1px solid #ededed;
  padding-top: 20px;
}
.buzhou-info ul li{
  color: #000;
  font-size: 14px;
  line-height: 30px;
}
.buzhou-info ul.lesson-ul li{
  color: #aaa;
}
.buzhou-info ul li span{
  font-size: 30px;
  float: left;
  margin-right: 5px;
}
.buzhou-info ul.lesson-ul li span{
  font-size:8px;
}
.beian{
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.beian a{
  color: #fff;
}
.bingo_adv{
  text-align:center;
}
.bingo_adv .bingo_adv_title{
  font-size: 15px;
  color: #4A4A4A;
  letter-spacing: 0;
  padding-bottom:5px;
  margin-top:0px;
}
.bingo_adv .bingo_adv_info{
  font-size: 12px;
  color: #A8A8A8;
  letter-spacing: 0;
  margin-bottom:30px;
}
.bingo_adv .bingo_adv_img{
  width:100%;
}
.bingo_adv .bingo_adv_img img{
  width:100%;
}
.bingo_adv .bingo_adv_btn{
  display: inline-block;
  background: #f5a623;
  color: #fff;
  padding: 10px 20px;
}