@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;
}
.system_box ul li img{
  width:70%;
  margin:10px 0px;
}
.system_box{
  text-align:center;
}
.teaching_methods{
  width:90%;
  margin:20px 0px;
}
.beian{
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.beian a{
    color: #fff;
}