@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:微软雅黑; letter-spacing:1px;}

@media (min-width: 1000px) {
    .banner{ height:630px; background:url(../images/banner.jpg) no-repeat scroll center top transparent;}
    .nav{ height:60px; line-height:60px; background:url(../images/navbg.jpg) no-repeat scroll center top transparent;}
    .nav_div{ width:1400px; margin:0 auto;}
    .nav_div ul li{ float:left; font-size:24px; margin-left:50px; color:#e7b700;}
    .nav_div ul li a{ color:#fff;}
    .box01{ width:1400px; margin:0 auto; margin-top:50px; background:#fff4ea;}
    .box01 ul li{ float:left;}
    .box01_c{ margin:0 28px;}
    .box01_m{ margin-top:28px;}
    .box02{ height:980px; background:url(../images/box02bg.jpg) no-repeat scroll center top transparent; margin-top:50px;}
    .box02_01,.box02_02{ width:1400px; margin:0 auto; padding-top:50px;}
    .box02_01_div{ width:665px;}
    .fl{ float:left;}
    .fr{ float:right;}
    .box02_01_title,.box02_02_title,.box03_title{ text-align:right; padding-right:10px; font-size:18px; font-weight:bold; font-style:italic;}
    .box02_01_title a,.box02_02_title a,.box03_title a{ color:#935000;}
    .box02_01_title{ height:70px;}
    .box02_01_ltitle{ background:url(../images/box02_01_ltitle.png) no-repeat;}
    .box02_01_rtitle{ background:url(../images/box02_01_rtitle.png) no-repeat;}
    .box02_02_title{ height:90px; background:url(../images/box02_02_title.png) no-repeat;}
    .box02_01_list,.box02_02_list{ padding:20px 10px 0 10px;}
    .box02_list ul li{ height:42px; line-height:42px; background:url(../images/libg.png) 0 18px no-repeat; font-size:18px; color:#333; padding-left:14px;}
    .box02_list ul li a{ display:block; float:left; width:450px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
    .box02_list ul li span{ display:block; float:right;}
    .box02_02_list img{ float:left; width:600px; height:410px; padding:0 10px 10px 0; background:url(../images/box02_02_imgbg.png) bottom right no-repeat;}
    .box02_02_list .box02_list{ float:right; width:700px;}
    .box03{ width:1400px; margin:0 auto; padding-top:50px;}
    .box03_title{ height:98px; background:url(../images/box03_title.png) no-repeat;}
    .leftLoop{ height:340px; margin-top:50px; overflow:hidden; position:relative;}
    .leftLoop .hd{ width:1400px; position:absolute; z-index:1; left:0; top:120px;}
    .leftLoop .hd .prev{ float:left; cursor:pointer;}
    .leftLoop .hd .next{ float:right; cursor:pointer;}
    .leftLoop .bd{ width:1320px; height:340px; overflow:hidden; position: absolute; left:40px;}
    .leftLoop .bd ul{ overflow:hidden; zoom:1;} 
    .leftLoop .bd ul li{ width:400px; float:left; text-align:center; margin:0 20px;}
    .leftLoop .bd ul li a{ display:block;}
    .leftLoop .bd ul li img{ width:400px; height:300px;}
    .leftLoop .bd ul li p{ padding-top:10px; font-size:18px;}
    .leftLoop .bd ul li p a{ display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
    .box04{ width:1290px; height:90px; padding:10px 0 10px 110px; margin:0 auto; margin-top:50px; background:url(../images/box04bg.jpg) no-repeat;}
    .box04 ul li{ float:left; width:430px; height:45px; line-height:45px; text-align:center; font-size:24px;}
    .box04 ul li a{ color:#fff;}
    .box04 ul li:first-child{ display:none;}
    .footer{ height:180px; line-height:180px; background:url(../images/footerbg.jpg) repeat-x; text-align:center; color:#fff; font-size:20px; margin-top:50px;}
    .footer div{ width:900px; margin:0 auto;}
    .footer div p{ float:right;}
    .footer div p:first-child{ float:left;}
    .banner1,.footer1,.box02_title1,.box_02_more{ display:none;}

    .main_body{ background:url(../images/mainbg.jpg) center bottom no-repeat;}
    .main_banner1{ height:516px; background:url(../images/main_banner1.jpg) no-repeat scroll center top transparent;}  
    .main_banner1 img{ display:none;}
    .main_banner2{ height:516px; background:url(../images/main_banner2.jpg) no-repeat scroll center top transparent;}  
    .main_banner2 img{ display:none;}
    .main_banner3{ height:516px; background:url(../images/main_banner3.jpg) no-repeat scroll center top transparent;}  
    .main_banner3 img{ display:none;}
    .main_banner4{ height:516px; background:url(../images/main_banner4.jpg) no-repeat scroll center top transparent;}  
    .main_banner4 img{ display:none;}
    .main_banner5{ height:516px; background:url(../images/main_banner5.jpg) no-repeat scroll center top transparent;}  
    .main_banner5 img{ display:none;}
    .main_div{ width:1340px; margin:0 auto; background:#fff; padding:30px;}
    .main_title{ margin-top:30px;}
    .main_content{ font-size:30px; line-height:55px; color:#333; margin-top:30px;}
    .main_bottom{ width:1340px; height:120px; margin:0 auto; margin-top:30px; padding:8px 0 8px 60px; background:url(../images/main_bottombg.jpg) no-repeat;}
    .main_bottom p{ display:none;}
    .main_footer{ margin-top:30px;}
}

@media screen and (max-width: 768px) {
    img{ width:100%;}
    .nav{ height:90px; padding:5px 0; line-height:30px; background:#935000; position:relative; padding-left:60px;}    
    .nav_div ul li{ float:left; width:33%; font-size:18px; text-align:center; color:#e7b700;}
    .nav_div ul li a{ color:#fff;}
    .nav_div ul li:first-child{ position:absolute; width:50px; padding-left:10px; left:0; top:20px; font-weight:bold;}
    .box01{ padding:10px; background:#fff4ea;}
    .box_c01{ display:none;}
    .box01 ul li{ margin-top:10px;}
    .box01 ul li:first-child{ margin-top:0;}
    .box02{ background:url(../images/box02bg.jpg) no-repeat; margin-top:10px; padding:10px;}
    .box02_title1{ padding:10px 0;}
    .box02_list li{ height:42px; line-height:42px; background:url(../images/libg.png) 0 18px no-repeat; font-size:18px; color:#333; padding-left:14px;}
    .box02_list li a{ display:block; float:left; width:60%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
    .box02_list li span{ display:block; float:right;}
    .box_02_more{ text-align:right; padding-right:10px; font-size:18px; font-weight:bold; font-style:italic;}
    .box_02_more a{ color:#935000;}
    .box02_02_list img{ width:97%; padding:1%; border:2px #935000 solid;}
    .leftLoop{ height:140px; overflow:hidden; position:relative; margin:10px 0;}
    .leftLoop .hd{ width:100%; position:absolute; z-index:1; left:0; top:30px;}
    .leftLoop .hd .prev{ float:left; cursor:pointer; padding-left:10px;}
    .leftLoop .hd .next{ float:right; cursor:pointer; padding-right:10px;}
    .leftLoop .hd img{ width:10px;}
    .leftLoop .bd{ width:86%; height:140px; overflow:hidden; position: absolute; left:26px;}
    .leftLoop .bd ul{ overflow:hidden; zoom:1;} 
    .leftLoop .bd ul li{ width:50%; float:left; text-align:center;}
    .leftLoop .bd ul li a{ display:block;}
    .leftLoop .bd ul li img{ width:95%; height:100px;}
    .leftLoop .bd ul li p{ padding-top:10px; font-size:18px;}
    .leftLoop .bd ul li p a{ display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
    .box04{ background:#935000; margin-top:20px; padding:10px;}
    .box04 ul li{ height:32px; line-height:32px; text-align:center; font-size:18px;}
    .box04 ul li:first-child{ margin:0 50px; background:#fff; color:#935000; font-weight:bold; letter-spacing:2px;}
    .box04 ul li a{ color:#fff;}
    .banner,.footer,.box02_01_title,.box02_02_title,.box03_title{ display:none;}    
    .footer1{ margin-top:10px; padding:20px; background:url(../images/footerbg.jpg) repeat-x; text-align:center; color:#fff; line-height:20px;} 
          
    .main_div{ padding:10px;}
    .main_title{ margin-top:10px;}
    .main_content{ font-size:20px; line-height:36px; color:#333; margin-top:10px;}
    .main_bottom{ background:#935000; padding:10px; margin-top:10px;}
    .main_bottom p{ font-size:18px; background:#fff; color:#935000; font-weight:bold; letter-spacing:2px; text-align:center; margin-bottom:10px;}
}