/* 
BaoZang
*/
/* css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
body {background:url(/img/bg.jpg) repeat;background-color: #000; overflow: hidden; color:#555; font-size:14px; font-family: "Microsoft YaHei",Simsun,Tahoma;border-top:3px solid #de2600}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none;}
input, textarea, select, button { font-size: 14px; }
table { border-collapse:collapse; }
html { overflow-y: scroll; }
#container{width:1200px;margin:0 auto}
.top{position:relative;display:block;width:100%;margin-bottom:5px;overflow:hidden}
.logo{width:100%;=transition:opacity .5s}
.logo img{float:left;transition:opacity .5s}
.nav{width:100%;margin-bottom:3px;overflow:hidden}
.nav li{float:left;text-align:center;display:block;width:75px;height:40px;line-height:40px;background:red;border-bottom:2px solid #000;font-size:18px;transition:color .5s,background-color .5s;overflow:hidden}
.nav li:hover{color:#fff;background:#212121}
.toptips{width:100%;background:#F7F7F7;margin-bottom:2px;overflow:hidden}
.toptips li{float:left;position:relative;display:block;width:100%;height:40px;line-height:40px;font-size:14px;color:#de2600;overflow:hidden}
.toptips li b{width:16px;height:16px;font-weight:bold;background:#de2600;color:#fff;padding:2px 8px;margin-left:4px;font-size:13px;border-radius:2px}
.good{width:100%;background:#F7F7F7;margin-bottom:5px;overflow:hidden}
.good li{float:left;text-align:center;display:block;width:12.5%;height:40px;line-height:40px;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.good li:hover{color:#fff;background:#de2600}
.cate{width:100%;background:#fff;margin-bottom:5px;overflow:hidden}
.cate_name{height:36px;width:100%;background:#F7F7F7;overflow:hidden}
.cate_name p{font-size:16px;font-weight:700;line-height:36px;color:#000;margin-left:20px}
.cate li{float:left;text-align:center;display:block;width:118px;height:40px;line-height:40px;border:1px solid #f1f1f1;font-size:14px;transition:color .5s,background-color .5s;overflow:hidden}
.cate li:hover{color:#fff;background:#de2600}
.cate li b{width:16px;height:16px;font-weight:400;background:#f3832d;color:#fff;padding:1px 3px;margin-left:4px;font-size:14px;border-radius:2px}
.cate_ul{margin:0 auto;position:relative;max-width:960px}
.cate_img{margin-left:8px;width:48px;height:48px}
.banner img{width:100%;margin-bottom:5px;transition:opacity .5s}
.banner img:hover{opacity:.7}
.footerapp img{width:100%;margin-bottom:-8px;transition:opacity .5s}
.footerapp img:hover{opacity:.7}
.footer{height:auto;margin-bottom:0;background:#2b2b2b}
.footer p{text-align:center;line-height:40px;color:#fff}
.footer p a{color:#fff}
.clear{clear:both;height:0}
.side{position:fixed;bottom:5px;width:70px;right:50%;margin-right:606px}
.side_div{width:70px;height:30px;line-height:30px;text-align:center;color:#fff;background:red;margin-top:2px}
.faq{position:fixed;bottom:5px;width:70px;left:50%;margin-left:606px}
.faq_scj{width:70px;height:70px;line-height:35px;text-align:center;color:#fff;margin-top:1px}
.faq_div{width:70px;height:30px;line-height:30px;text-align:center;color:#fff;background:red;margin-top:2px}
.xm{position:fixed;bottom:0;left:initial;left:0;z-index:1;font-size:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}
.xm img{width:100px}
#scj{background:url(/img/sc.png)}
#top{background:url(/img/top.jpg)}
#dizhi{background:url(/img/dizhi.jpg)}
#guestbook{text-align:center;line-height:30px;transition:background-color .3s}
#guestbook:hover{color:#fff;background:#212121}
.btn {padding: 0;margin: 0;}
.app {box-shadow: 0 0 15px rgba(100, 100, 100, 0.1);overflow: hidden;border-radius: 2px;background-color: #fff;}
.navi {font-size:0;padding:5px;text-align: center;}
.appico{width:calc(7.5% - 1px);margin:5px;height:auto;box-sizing:border-box;display:inline-block;position:relative}
.appico p{width:100%;height:25px;line-height:25px;text-align:center;font-size:14px;margin:0;color:#000;overflow:hidden}
.naicon{border-radius:5px;overflow:hidden;font-size:0;margin:12px}
.appico img{width:100%}
.appico:hover .btn-raised{-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)}
@media screen and (max-width:1200px){.side{display:none}  
.faq{display:none}
.xm{display:none}
}
@media screen and (max-width:960px){body{background-size:150%}
#container{width:98%;}
.nav li{width:20%;margin-right:-2px;height:35px;line-height:35px}
.toptips li{width:100%;margin-right:-2px;height:35px;line-height:35px}
.good li{width:24.6%;height:35px;line-height:35px}
.cate li{width:20%;margin-right:-1px;height:35px;line-height:35px}
.cate_name{height:35px}
.cate_name p{font-size:21px;line-height:35px}
.appico {width: calc(25% - 10px)}
}
@media screen and (max-width:800px){.nav li{font-size:15px;height:30px;line-height:30px}
.toptips li{font-size:15px;height:auto;line-height:30px}
.good li{font-size:15px;height:30px;line-height:30px}
.cate li{font-size:15px;height:30px;line-height:30px}
.cate_name{height:30px}
.cate_name p{font-size:20px;line-height:30px}
}
@media screen and (max-width:640px){.logo img{width:100%}
.gg img{width:100%}
.nav li{width:25%;font-size:12px;height:30px;line-height:30px;border:1px solid #000}
.toptips li{width:100%;font-size:12px;height:auto;line-height:30px}
.good li{width:24.6%;font-size:12px;height:30px;line-height:30px}
.cate li{width:24.6%;font-size:12px;height:30px;line-height:30px}
.cate_name{height:30px}
.cate_name p{font-size:16px;line-height:30px}
.cate li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:2px 3px;margin-left:4px;font-size:11px;border-radius:2px}
}