blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul {
	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}
caption,td,th {
	font-size:14px}
h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	font-size:100%}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:400}
a {
	color:#000;
	text-decoration:none}
a:hover {
	text-decoration:none}
img {
	border:none}
li,ol,ul {
	list-style:none}
button,input,select,textarea {
	font-size:14px}
table {
	border-collapse:collapse}
html {
	overflow-y:scroll}
#container {
	width:980px;
	margin:0 auto}
.nav {
	width:100%;
	margin-bottom:10px;
	overflow:hidden}
.nav li {
	float:left;
	text-align:center;
	display:block;
	width:120.5px;
	height:40px;
	line-height:40px;
	border:1px solid #000;
	background:red;
	border-bottom:2px solid #000;
	border-radius:2px;
	font-size:18px;
	transition:color .5s,background-color .5s;
	overflow:hidden}
.nav li:hover {
	font-size:150%;
	color:#fff;
	background:#212121}
.toptips {
	width:100%;
	background:#fff;
	margin-bottom:2px;
	border-radius:2px 2px 0 0;
	overflow:hidden}
.toptips li {
	float:left;
	position:relative;
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:red;
	overflow:hidden}
.toptips li b {
	width:16px;
	height:16px;
	font-weight:700;
	background:#000;
	color:#fff;
	padding:2px 8px;
	margin-left:4px;
	font-size:13px;
	border-radius:2px}
.good {
	width:100%;
	background:#fff;
	margin-bottom:10px;
	border-radius:0 0 2px 2px;
	overflow:hidden}
.good li {
	float:left;
	text-align:center;
	display:block;
	width:122.5px;
	height:40px;
	line-height:40px;
	font-size:14px;
	transition:color .5s,background-color .5s;
	overflow:hidden}
.good li:hover {
	font-size:120%;
	color:#fff;
	background:#212121}
.cate {
	width:100%;
	background:#fff;
	margin-bottom:10px;
	border-radius:2px;
	overflow:hidden}
.cate_name{height:40px;width:100%;background:#c52622;overflow:hidden}
.cate .pink{background:#fd6ea3}
.cate .blue{background:#2cbafc}
.cate .green{background:#23be9b}
.cate .yellow{background:#fcc800}
.cate .gray{background:#788daa}
.cate .orange{background:#f76e25}
.cate .black{background:#333}
.cate_name p{font-size:18px;font-weight:700;line-height:40px;color:#fff;margin-left:20px}

.cate li {
	float:left;
	text-align:center;
	display:block;
	width:121.5px;
	height:40px;
	line-height:40px;
	border-right:1px solid #0000002e;
	border-bottom:1px solid #0000002e;
	font-size:14px;
	transition:color .5s,background-color .5s;
	overflow:hidden}
.cate li:hover {
	font-size:120%;
	color:#fff;
	background:#212121}
.cate li b {
	width:16px;
	height:16px;
	font-weight:400;
	background:red;
	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;
	border-radius:2px}
.banner img:hover {
	opacity:.7}
.footerapp img {
	width:100%;
	margin-bottom:-8px;
	transition:opacity .5s}
.footerapp img:hover {
	opacity:.7}
.footer {
	border-radius:10px 10px 0 0;
	height:auto;
	margin-bottom:0;
	opacity:.7}
.footer p {
	text-align:center;
	line-height:40px;
	color:#333}
.footer p a {
	color:#333}
.clear {
	clear:both;
	height:0}
.side {
	position:fixed;
	bottom:5px;
	width:70px;
	right:50%;
	margin-right:497px}
.side_div {
	width:70px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#fff;
	background:red;
	margin-top:2px}
.faq {
	position:fixed;
	bottom:5px;
	width:70px;
	left:50%;
	margin-left:497px}
.faq_scj {
	width:70px;
	height:70px;
	line-height:32px;
	text-align:center;
	color:#fff;
	margin-top:1px}
.faq_div {
	width:70px;
	height:32px;
	line-height:32px;
	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/scj.gif)}
#top {
	background:url(../img/top.jpg)}
#dizhi {
	background:url(../img/dizhi.jpg)}
#guestbook {
	text-align:center;
	line-height:32px;
	transition:background-color .3s}
#guestbook:hover {
	background:#212121}
.btn {
	padding:0;
	margin:0}
.app {
	box-shadow:0 0 15px rgba(100,100,100,.1);
	overflow:hidden;
	border-radius:2px;
	background-color:#fff}
.navi {
	font-size:0;
	padding:5px;
	text-align:center}
.appico {
	width:calc(10% - 10px);
	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:25%;
	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:14px;
	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) {
	.nav li {
	width:25%;
	font-size:11px;
	height:30px;
	line-height:30px}
.toptips li {
	width:100%;
	font-size:12px;
	height:auto;
	line-height:30px}
.good li {
	width:25%;
	font-size:11px;
	height:30px;
	line-height:30px}
.cate li {
	width:25%;
	font-size:11px;
	height:30px;
	line-height:30px}
.cate_name {
	height:30px}
.cate_name p {
	font-size:17px;
	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}
}