@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
img/* img elements 图片元素 */{
    border:0;
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
font: 12px/1.5 'microsoft yahei',Arial,Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none;}
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { color:#000;}
/** 重置对齐方式 **/
img, button, input, select, textarea{ vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; overflow:hidden; zoom:0.08;}
body{ font-family:微软雅黑;}

@media (min-width: 1000px) {
    .banner{ height:310px; background:url(../images/banner.jpg) no-repeat scroll center top transparent;}
    .box_div{ width:1200px; margin:0 auto;}
    .box_div ul li{ float:left; width:300px; height:200px; margin:25px 0; text-align:center; font-size:16px;}
    .box_div ul li p:first-child{ margin-bottom:5px;}
    .footer{ height:100px; line-height:100px; background:url(../images/footerbg.png) repeat-x; text-align:center; color:#fff; font-size:20px; letter-spacing:1px; margin-top:20px;}
    .footer div{ width:900px; margin:0 auto;}
    .footer div p{ float:right;}
    .footer div p:first-child{ float:left;}
    .banner1,.footer1{ display:none;}
}

@media screen and (max-width: 768px) {
    img{ width:100%;}
    .banner,.footer{ display:none;}    
    .box_div ul li{ float:left; width:48%; height:190px; margin:1%; text-align:center; font-size:14px;}
    .box_div ul li img{ width:185px; height:135px;}
    .footer1{ padding:20px; background:url(../images/footerbg.png) repeat-x; text-align:center; color:#fff; line-height:20px; letter-spacing:1px;} 

}