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:122.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;
    box-sizing: border-box;
}
.nav li:hover {
	font-size:100%;
	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;
    box-sizing: border-box;
}
.good li:hover {
	font-size:100%;
	color:#fff;
	background:#212121
}
.cate {
	width:100%;
	background:#fff;
	margin-bottom:10px;
	border-radius:2px;
	overflow:hidden;
    box-sizing: border-box;
}

/* ========== 你要的效果：浅灰白背景 + 黑色文字 + 居中 ========== */
.cate_name{
	height:40px;
	width:100%;
	background:#f5f5f5;      /* 浅灰白背景 */
	display: flex;
	align-items: center;     /* 垂直居中 */
	padding-left:15px;
	box-sizing: border-box;
	border-bottom:1px solid #eee;
}
.cate_name p{
	font-size:15px;
	font-weight:bold;
	color:#333;             /* 黑色文字 */
	margin:0;
	line-height:1;
}

/* 关闭所有彩色背景（必须注释） */
.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 li {
	float:left;
	text-align:center;
	display:block;
	width:122.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;
    box-sizing: border-box;
    position: relative;
}
.cate li:hover {
	font-size:100%;
	color:#fff;
	background:#212121
}
.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
}

.tag-promote {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    background: #ff6c19;
    padding: 3px 8px;
    border-radius: 4px;
    margin-left: 6px;
    font-weight: normal;
    vertical-align: middle;
    line-height: 1.2;
}
.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: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:0;
	text-align:left;
}
.appico {
	width:122.5px;
	height:40px;
	position:relative;
	display:inline-flex;
	align-items:center;
	background:#fff;
	border-right:1px solid #0000002e;
	box-sizing: border-box;
}
.appico a {
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	padding:0 8px;
	text-decoration:none;
	color:#000;
}
.naicon {
	margin-right:6px;
	flex-shrink:0;
}
.appico img {
	height:24px;
	display:block;
}
.appico p {
	font-size:14px;
	white-space:nowrap;
	margin:0;
}
.appico:hover {
	background:#212121;
	color:#fff;
}
.appico:hover a {
	color:#fff;
}
.appico:hover * {
	transform:none !important;
	box-shadow:none !important;
}

@media screen and (max-width:1200px) {
	.side,.faq,.xm {display:none}
}
@media screen and (max-width:960px) {
	body{background-size:150%}
	#container{width:980px; margin:0 auto;}
	.nav li{width:245px;height:35px;line-height:35px}
	.toptips li{width:100%;height:35px;line-height:35px}
	.good li{width:245px;height:35px;line-height:35px}
	.cate li{width:245px;height:35px;line-height:35px}
	.cate_name{height:35px;}
	.cate_name p{font-size:15px;}
	.appico{width:245px;height:35px}
}
@media screen and (max-width:800px) {
	#container{width:100%;}
	.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:14px;}
	.appico{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:13px;}
	.appico{width:25%;height:30px}
}