@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%;
}
.width70{
    width:70%;
    margin:0px auto;
}
.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;
}
.title_2{
    font-size: 12px;
    color: #A8A8A8;
    letter-spacing: 0;
    margin-bottom:15px;
    text-align:center;
}
.mode_1 .mode_img{
    width:100%;
}
.mode_1 .mode_img img{
    width:100%;
}
.mode_img_2{
    text-align:center;
}
.mode_img_2 img{
    width:80%;
    margin:0px auto;
    margin-top:20px;
}
.add-margin-40{
    margin-bottom:40px;
}
.beian{
    text-align: center;
    color: #fff;
    margin-top: 20px;
}
.beian a{
    color: #fff;
}