@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;}
.box01_list ul li p a,.box02_list ul li p a{display: block; width:100%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}


@media (min-width: 1000px) {
    body{ background:url(../images/bodybg.jpg) no-repeat;}
    .banner{ height:750px; background:url(../images/banner.jpg) no-repeat scroll center top transparent;}
    .banner1,.footer1{ display:none;}
    .box01{ width:1200px; margin:0 auto; margin-top:50px;}
    .box01_title{ height:156px; line-height:156px; background:url(../images/box01_title.png) no-repeat; text-align:right; padding-right:20px;}
    .box01_list{ height:700px; padding:65px 45px 45px 45px; margin-top:50px; background:url(../images/box01_listbg.png) no-repeat;}
    .box01_list ul li{ float:left; width:340px; height:350px; padding:0 15px; text-align:center;}
    .box01_list ul li div img{ width:340px; height:280px;}
    .box01_list ul li p{ font-size:18px; padding-top:10px;}
    .box02_title{ height:163px; line-height:163px; background:url(../images/box02_title.png) no-repeat; text-align:right; padding-right:20px;}
    .box02_list{ height:1200px; padding:65px 50px 45px 50px; margin-top:50px; background:url(../images/box02_listbg.png) no-repeat;}
    .box02_list ul li{ float:left; width:255px; height:400px; padding:0 10px; text-align:center;}
    .box02_list ul li div img{ width:255px; height:340px;}
    .box02_list ul li p{ font-size:18px; padding-top:10px;}
    .footer{ height:150px; line-height:150px; background:url(../images/footerbg.png) no-repeat; text-align:center; font-size:20px; letter-spacing:1px; margin-top:50px;}
    .footer div{ width:900px; margin:0 auto;}
    .footer div p{ float:right;}
    .footer div p:first-child{ float:left;}

}

@media screen and (max-width: 768px) {
    img{ width:100%;}  
    .box01{ margin-top:20px;}
    .box01_title{ height:60px; line-height:30px; background:url(../images/box01_title1.png) no-repeat; text-align:right; padding-right:10px;}
    .box01_title img,.box02_title img{ width:40px;}
    .box01_list ul li{ float:left; width:46%; margin:2%; text-align:center;}
    .box01_list ul li div img{ height:150px;}
    .box01_list ul li p{ font-size:16px; padding-top:10px;}
    .box02_title{ height:60px; line-height:30px; background:url(../images/box02_title1.png) no-repeat; text-align:right; padding-right:10px;}
    .box02_list ul li{ float:left; width:29%; margin:2%; text-align:center;}
    .box02_list ul li div img{ height:150px;}
    .box02_list ul li p{ font-size:16px; padding-top:10px;}
    .footer{ display:none;}    
    .footer1{ margin-top:10px; padding:20px; background:url(../images/footerbg.png) no-repeat; text-align:center; line-height:20px; letter-spacing:1px;} 
    
}