@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) {
    body{ background:url(../images/bodybg.jpg) no-repeat scroll center top transparent; padding-top:718px;}
    .nav{ width:900px; height:60px; line-height:60px; padding-left:300px; margin:0 auto;}
    .nav ul li{ float:left; width:150px; text-align:center;}
    .nav ul li a{ font-size:24px; color:#fff;letter-spacing:1px;}
    .box01{ width:1200px; margin:0 auto; margin-top:50px;}
    .box01_l{ width:240px; float:left;}
    .box01_l img{ width:240px; height:340px;}
    .box01_c{ width:330px; float:left; margin-left:20px;}
    .box01_c ul li{ height:100px; margin-top:20px; background:url(../images/libg.png) 0 15px no-repeat; padding-left:15px;}
    .box01_c ul li:first-child{ margin-top:0;}
    .box01_c ul li p a{ font-size:20px; color:#f35344; display:block; width:100%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
    .box01_c ul li div{ margin-top:10px; font-size:16px; color:#858585; text-indent:2em;}
	.box01_c ul li div a{ font-size:16px; font-style:italic; color:#0066ff}
    .box01_r{ width:570px; float:right;}
    .box02{ height:670px; padding-top:60px; background:url(../images/box02bg.jpg) center top no-repeat; margin-top:50px;}
    .box02_div{ width:1200px; margin:0 auto;}
    .box02_l{ width:570px; float:left;}
    .box02_llist{ margin:0 -15px}
    .box02_llist ul li{ float:left; width:170px; height:215px; overflow:hidden; margin:30px 15px 0 15px;}
    .box02_llist ul li img{ width:170px; height:215px;}
    .box02_r{ width:570px; float:right;}
    .box03{ height:330px; background:#e8f8ff; padding:50px 0;}
    .box03_div{ width:1200px; margin:0 auto;}
    .box03_title{ text-align:center;}
    .box03_list{ background:url(../images/box03_listbg.png) center 30px no-repeat; margin:20px -50px 0 -50px;}
    .box03_list ul li{ float:left; width:530px; height:38px; line-height:38px; margin:0 50px; background:url(../images/libg.png) 0 18px no-repeat; padding-left:20px; font-size:18px;}
    .box03_list ul li a{ display:block; float:left; width:350px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden; color:#474747;}
    .box03_list ul li span{ display:block; float:right; color:#474747;}
    .box04{ width:1200px; margin:0 auto; margin-top:50px;}


    .leftLoop{ overflow:hidden; position:relative;}
    .leftLoop .hd{ width:570px; position:absolute; z-index:1; left:0;}
    .leftLoop .hd .prev{ float:left; cursor:pointer;}
    .leftLoop .hd .next{ float:right; cursor:pointer;}
    .leftLoop .bd{ width:500px; overflow:hidden; position: absolute; left:35px;}
    .leftLoop .bd ul{ overflow:hidden; zoom:1;} 
    .leftLoop .bd ul li{ width:500px; float:left; text-align:center; overflow:hidden;}
    .leftLoop1{ height:250px; margin-top:15px;}
    .leftLoop1 .hd{ top:83px;}
    .leftLoop1 .bd{ height:250px;}
    .leftLoop1 .bd ul li img{ width:490px; height:240px; border:5px #fbb1a7 solid;}

    .leftLoop2{ height:460px; margin-top:30px;}
    .leftLoop2 .hd{ top:168px;}
    .leftLoop2 .bd{ height:460px;}
    .leftLoop2 .bd ul li img{ width:490px; height:450px; border:5px #fbb1a7 solid;}    
    .footer{ height:145px; line-height:145px; background:url(../images/footerbg.jpg) repeat-x; text-align:center; color:#fff; 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;}
    .banner,.footer1{ display:none;}
   

}

@media screen and (max-width: 768px) {
    img{ width:100%;}
    .nav{ background:#f86c5f; padding:10px 0;}
    .nav ul li{ float:left; width:33%; height:30px; line-height:30px; text-align:center;}
    .nav ul li a{ color:#fff; font-size:18px;}
    .box01_l{ padding:10px;}
    .box01_c{ padding:10px;}
    .box01_c ul li{ height:90px; margin-top:10px; background:url(../images/libg.png) 0 15px no-repeat; padding-left:15px;}
    .box01_c ul li:first-child{ margin-top:0;}
    .box01_c ul li p a{ font-size:18px; color:#f35344; display:block; width:100%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden;}
    .box01_c ul li div{ margin-top:5px; font-size:16px; color:#858585; text-indent:2em;}
    .box02_l,.box02_r,.box03,.box04{ margin-top:10px;}
    .box02_llist ul li{ float:left; width:46%; margin:2%;}
    .box02_llist ul li img{ height:200px;}
    .box03_list{ padding:10px;}
    .box03_list ul li{ height:30px; line-height:30px; background:url(../images/libg.png) 0 14px no-repeat; padding-left:20px; font-size:16px;}
    .box03_list ul li a{ display:block; float:left; width:60%; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis;overflow:hidden; color:#474747;}
    .box03_list ul li span{ display:block; float:right; color:#474747;}

    .leftLoop{ overflow:hidden; position:relative;}
    .leftLoop .hd{ width:98%; position:absolute; z-index:1; left:1%;}
    .leftLoop .hd .prev{ float:left; width:28px;}
    .leftLoop .hd .next{ float:right; width:28px;}
    .leftLoop .bd{ width:86%; overflow:hidden; position: absolute; left:30px;}
    .leftLoop .bd ul{ overflow:hidden; zoom:1;} 
    .leftLoop .bd ul li{ width:100%; float:left; text-align:center;}
    .leftLoop1{ height:160px; margin-top:10px;}
    .leftLoop1 .hd{ top:30px;}
    .leftLoop1 .bd{ height:160px;}
    .leftLoop1 .bd ul li img{ width:90%; height:150px;}

    .leftLoop2{ height:210px;}
    .leftLoop2 .hd{ top:50px;}
    .leftLoop2 .bd{ height:210px;}    
    .leftLoop2 .bd ul li img{ width:90%; height:200px;}
    .footer{ display:none;}    
    .footer1{ margin-top:10px; padding:20px; background:url(../images/footerbg.jpg) repeat-x; text-align:center; color:#fff; line-height:20px; letter-spacing:1px;} 
    


}