@media (min-width: 1200px) {
    body{font-family:"微软雅黑"}
     h2{font-size:32px;}
    .form-group {
        margin-bottom: 5px;
    }
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 980px){
    body{font-family: "微软雅黑"; font-size: 15px;}
}

/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
     .container {width: 760px ;}
     body{font-family:"微软雅黑"}
     h2{font-size:20px;}
}

/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media  (min-width: 481px) and (max-width:767px) {
    body{font-family:"微软雅黑"}
    h2{font-size:18px;}
    .container {width: 680px ;}
    .section input,.section select{margin-top: 3%; margin-bottom: 3%; height: 40px;}
   }

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
    body{font-family:"微软雅黑"}
     h2{font-size:16px; font-weight:bold;}
    .section input,.section select{margin-top: 0.5%; margin-bottom: 0.5%; height: 40px;}
    strong {font-weight:300;font-size:18px}
    
}

.form-group {
        margin: 5px;
    }

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../bootstrap/fonts/glyphicons-halflings-regular.eot');
    src: url('../../bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


 body{font-family:"微软雅黑"}


    .error {
            color:red;
        }