*{
    margin: 0;
    padding: 0;
}
html{
    font-family: '微软雅黑';
    overflow-x:hidden ;
}
html, body,select, option,div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,  menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: transparent
}
body{  min-width: 320px;  overflow-x: hidden;  }
a{  text-decoration: none;  color:#4d4d4d;  }
li{  list-style: none;  }
.clear{  clear:both;  }
/*ie去自带清除*/
input::-ms-clear{display:none;}
.fl{  float: left;  }
.fr{  float: right;  }
/*顶部*/
.header{  width: 100%;z-index: 999; position: relative }
.header .dao{display: none}
.header .backg{  background-color: #f6f4f3;  width: 100%;  }
.header .prompt{  width: 1200px;  margin:0 auto;  padding:8px 0;  box-sizing: border-box;   font-size: 14px; }
.header .prompt .left{  width: 50%;  float: left;  }
.header .prompt .left a{  color:#666666;  }
.header .prompt .right{  width: 50%;  text-align: right;  float: right;  }
.header .prompt .right span{  display: inline-block;  padding: 0 10px;  color:#666666;  }
.header .prompt .right .bor{  border-right:1px solid #666;  }
.backg_nav{  background-color: #fff;  width: 100%; }
.header .nav{  width: 1200px;  margin: 0 auto;  position: relative;  }
.nav .logo{  width: 90px;  display: inline-block;  font-size: 0; position: absolute;top:0;left:50%;margin-left:-45px; }
.nav .logo img{ width:100% }
.nav .menu{ width: 40%; }
.nav .menu ul{  font-size: 0;    }
.nav .menu ul>li{  width: 23%;  display: inline-block;  text-align: center;  margin:0 1%;padding:60px 0; }
.nav .menu ul>li .top{  font-size: 16px;  color:#444444; position: relative }
.nav .menu ul>li .bottom{  font-size: 12px;  color:#999999;  }
.nav .menu ul>li .top{  font-size: 16px;  color:#444444;  }
.index .bottom{color:#623c29!important;}
.index .top{color:#623c29!important;}

.header .catalog{width:100%;position: absolute;top:98%;left:0;background-color: rgba(255,255,255,.7)}
.header .catalog .on{display: block!important;}
.header .catalog .introduce{display:none;width:1200px;margin:0 auto;padding:20px 30px ;box-sizing: border-box}
.header .introduce .left{width:65%;float: left;}
.header .introduce .left ul{  width: 100%;margin:20px 0;font-size: 0}
.header .introduce .left ul li:not(.clear){ padding-right:30px ;display: inline-block;font-size: 16px;}
.header .introduce .left ul a{color:#777777;}
.header .introduce .left ul .action a{color:#e59231!important;}
.header .introduce .left  .action1{display: block!important;}
.header .introduce .left .txt{width: 100%;color:#666666;font-size: 14px;position: relative;height:100%;}
.header .introduce .left .txt p{position: absolute;top:0;left:0;line-height: 30px;padding-right:30px;box-sizing: border-box;display: none}
.header .introduce .right{width:35%;float: left;box-sizing: border-box;padding-left:30px;font-size: 0}
.header .introduce .right img{width:280px;}


/*尾部*/
.footer{  width: 100%;  background-color: #222;  padding:30px 0;  box-sizing: border-box;  }
.footer>.conter{  width: 1200px;  margin:0 auto  }

.footer .left{  width: 50%;  box-sizing: border-box;  padding-left:10%;  position: relative;  }
.footer .left .logo1{  width:70px ;  position: absolute;  left:0;  top:50%;  margin-top:-43.5px}
.footer .left .word{width: 100%;box-sizing: border-box}
.footer .left .word .title{  width: 100%; font-size: 0 ;}
.footer .left .word .title>li:not(.clear){  width: 25%;float: left}
.footer .left .word .title>li .friendlink{  width: 100%;}
.footer .left .word .title>li .friendlink>li{  width: 100%; text-align: left ;margin:15px 0}
.footer .left  .friendlink>li.h a{  font-size: 16px;color:#fff;}
.footer .left  .friendlink>li:not(.h) a{  font-size: 14px;color:#c6c6c6;}

.footer .right{  width: 50%;  box-sizing: border-box; padding-left:5% }
.footer .right h4{text-align: left;margin:10px 0;font-size: 16px;color:#fff;}
.footer .right p{text-align: left;margin:10px 0;font-size: 14px;color:#c6c6c6;}
.footer .right p span{color:#fff;font-size: 16px;}
.footer .right .ma{width: 100%;box-sizing: border-box}
.footer .right .ma div:not(.clear){width: 90px ;margin-right:30px;float: left;}
.footer .right .ma div>img{width: 100% ;}
.footer .right .ma div>p{text-align: center;font-size: 14px;color:#6f6f6f;margin:10px 0;}

.footer>.copyright{  width: 1200px;  margin:0 auto  }
.footer>.copyright p{width: 100%;text-align: center;font-size: 14px;color:#6f6f6f;margin:10px 0;}
/*分页*/
ul.dian{width: 700px;font-size: 0;margin:0 auto;text-align: center;padding-top:60px;}
ul.dian>li{cursor:pointer;background-color: #e1e1e1;display:inline-block;height: 35px;margin:10px;text-align: center;line-height: 35px;font-size: 16px;}
ul.dian>li.nub{width: 35px;color: #666;}
ul.dian>li.shang{width: 80px;}
ul.dian>li.xia{width: 80px;}
ul.dian>li.on{color:#fff!important;background-color: #e59231!important;}




/*响应式*/
@media screen and (min-width: 720px) and (max-width: 1200px) {
    .header .prompt{  width: 720px;  font-size: 12px;  }
    .header .nav{  width: 720px;   }
    .nav .logo{  width: 60px;  top:15px;  left:50%;  margin-left:-30px;   }
    .nav .menu{ width: 43%; }
    .nav .menu ul{  font-size: 0;   }
    .nav .menu ul li{  padding:35px 0;  }
    .nav .menu ul>li .top{  font-size: 14px;   }
    .nav .menu ul>li .bottom{  font-size: 10px;  }


    .header  .catalog{display: none}
    .header  .introduce .left{width:75%;float: left;}
    .header  .introduce .left ul{  width: 100%;margin-top:0;margin-bottom:6px;font-size: 0}
    .header  .introduce .left ul li:not(.clear){ padding-right:20px ;font-size: 14px;}
    .header  .introduce .left .txt{width: 100%;color:#666666;font-size: 14px;position: relative;height:100%;}
    .header  .introduce .left .txt p{line-height: 21px;padding-right:0;box-sizing: border-box;display: none}
    .header  .introduce .right{width:25%;float: left;box-sizing: border-box;padding-left:10px;font-size: 0}
    .header  .introduce .right img{width:100%;}



    /*分页*/
    ul.dian{width: 500px;padding-top:40px;}
    ul.dian>li{height: 30px;margin:7px;line-height: 30px;font-size: 14px;}
    ul.dian>li.nub{width: 30px;color: #666;}
    ul.dian>li.shang{width: 65px;}
    ul.dian>li.xia{width: 65px;}
    /*顶部结束*/
    .footer{   padding:20px 0;  }
    .footer>.conter{  width: 720px;  }
    .footer .left .logo1{  width:50px ; margin-top:-25px}
    .footer .left  .friendlink>li.h a{  font-size: 14px;}
    .footer .left  .friendlink>li:not(.h) a{  font-size: 12px;}
    .footer .left .word .title>li .friendlink>li{ margin:10px 0}

    .footer .right p{font-size: 12px;}
    .footer .right p span{color:#fff;font-size: 14px;}
    .footer .right .ma div:not(.clear){width: 65px ;margin-right:20px;}
    .footer .right .ma div>p{font-size: 12px;}
    .footer>.copyright{  width: 720px;  margin:0 auto  }
    .footer>.copyright p{font-size: 12px;}
    /*尾部结束*/
}

@media screen and (min-width: 320px) and (max-width: 720px) {
    .main{ margin-top:47px;}


    .header  .catalog .introduce{display: none}
    .header{position: fixed;top:0;left:0;}
    .header .backg{display: none;}
    .header .backg_nav{display: none;}
    .header .dao{display:block;width: 100%;padding:3px 0;box-sizing: border-box;font-size: 0;background-color: #fff;border-bottom: 1px solid #aaa;}
    .header .dao .cen{text-align: center;font-size: 0}
    .header .dao .cen img{width: 70px;}
    .header .logo_xiao{width: 20%;}
    .header .logo_xiao .img{width: 80px; margin:0 10px;padding-top: 15px}
    .header .logo_xiao img{width: 100%;}
    .header .dao_xiao{width: 20%;box-sizing: border-box;text-align: right;}
    .header .dao_xiao .img{width: 30px; margin:0 10px;display: inline-block;opacity: 0.8;padding:22px 10px;}
    .header .dao_xiao img{width: 100%;}
    .header  .cen{width: 60%;}


    .header .nav_xiao{position: absolute;left:0;top:100%;box-sizing: border-box;width:100%;z-index: 99;background-color: rgba(0,0,0,.3)}
    .header .nav_xiao ul{width: 100%;font-size: 0;}
    .header .nav_xiao ul>li{display:block;width: 100%;font-size: 14px;color: #666;text-align: center;padding:10px 0;border-bottom: 1px solid rgba(170,170,170,0.3);background-color: #fff;}
    .nav_none{display: none!important;}


    /*分页*/
    ul.dian{width: 300px;padding-top:20px;}
    ul.dian>li{height: 20px;margin:7px;line-height: 20px;font-size: 10px;}
    ul.dian>li.nub{width: 20px;color: #666;}
    ul.dian>li.shang{width: 45px;}
    ul.dian>li.xia{width: 45px;}

    /*顶部结束*/
    .footer{   padding:20px 0;  }
    .footer>.conter{  width: 320px;  }
    .footer .left { display: none}
    .footer .right{width: 100%;}
    .footer .right h4{font-size: 14px;margin:8px 0}
    .footer .right p{font-size: 10px;margin:8px 0;}
    .footer .right p span{color:#fff;font-size: 12px;}
    .footer .right .ma div:not(.clear){width: 60px ;margin-right:20px;}
    .footer .right .ma div>p{font-size: 12px;margin:5px 0;}
    .footer>.copyright{  width: 320px;  margin:0 auto  }
    .footer>.copyright p{font-size: 10px;margin:5px 0; }
    /*尾部结束*/

}