@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;}
.width80{
    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;
    font-weight:300;
}
.info{
  font-size: 12px;
  color: #333333;
  letter-spacing: 0.56px;
  line-height: 24px;
}
.lesson_prosses{
  width:100%;
  text-align:center;
  margin-top:20px;
  margin-bottom:35px;
}
.lesson_prosses img{
  width:90%;
  margin:0px auto;
}
.about_box .about_list img{
  width:100%;
  margin:20px 0px;
}
.about_box {
  
}
.about_list_2{
  text-align:center;
}
.about_list_2 div{
  width:200px;
  height:200px;
  border-radius:50%;
  text-align:center;
  margin:10px auto;

}
.about_list_2 div p{
  font-size: 12px;
  color: #FFFFFF;
  margin:0px auto;
  letter-spacing: 0;
  line-height: 24px;
  padding-top:50px;
  display:inline-block;
}
.about_list_2 div:nth-child(1){
  background: #FFA438;
}
.about_list_2 div:nth-child(2){
  background: #48B4FF;
}
.about_list_2 div:nth-child(3){
  background: #FF688E;
}
.beian{
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.beian a{
  color: #fff;
}