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: #fff;
	color: #555;
	font-size: 14px;
	font-family: microsoft yahei,Simsun,Tahoma
}

td,th,caption {
	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: 0
}

ol,ul,li {
	list-style: none
}

input,textarea,select,button {
	font-size: 14px
}

table {
	border-collapse: collapse
}

html {
	overflow-y: scroll
}

.header {
	height: 50px;
	width: 100%;
	background: #f1f1f1;
	box-shadow: 0 2px 5px #b0b0b0;
	position: relative
}

#container {
	width: 960px;
	margin: 0 auto;
	margin-top: 350px
}

.cate {
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 6px;
	overflow: hidden
}

.cate_name {
	height: 40px;
	width: 100%;
	background: #E1B668;
	overflow: hidden
}

.cate .pink {
	background: #E1B668
}

.cate .red {
	background: #E1B668
}

.cate .green {
	background: #E1B668
}

.cate .yellow {
	background: #E1B668
}

.cate .gray {
	background: #E1B668
}

.cate .orange {
	background: #E1B668
}

.cate .black {
	background: #E1B668
}

.cate_name p {
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	margin-left: 20px
}

.cate li {
	float: left;
	text-align: center;
	display: block;
	width: 119px;
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
	transition: color .5s,background-color .5s;
	overflow: hidden
}

.cate li:hover {
	color: #fff;
	background: #333
}

.cate li b {
	width: 16px;
	height: 16px;
	font-weight: 400;
	background: #2cbafc;
	color: #fff;
	padding: 1px 3px;
	margin-left: 4px;
	font-size: 14px;
	border-radius: 2px
}

.clear {
	clear: both;
	height: 0
}

.side {
	position: fixed;
	bottom: 45px;
	left: 50%;
	width: 70px;
	margin-left: 497px
}

.side_div {
	width: 95px;
	height: 32px;
	background: #fff;
	margin-top: 5px
}

#topp {
	background: url(../img/top.jpg)
}

#guestbook {
	text-align: center;
	line-height: 32px;
	transition: background-color .3s
}

#guestbook:hover {
	background: #dfdfdf
}

@media screen and (max-width:1200px) {
	.side {
		display: none
	}
}

@media screen and (max-width:960px) {
	#container {
		width: 98%;
		margin-top: 40%
	}

	.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
	}
}

@media screen and (max-width:800px) {
	.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) {
	.cate li {
		width: 25%;
		font-size: 13px;
		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: 10px;
		border-radius: 2px
	}
}

.ad img {
	width: 100%;
	margin-bottom: -3px;
	transition: opacity .5s
}

.ad img:hover {
	opacity: .7
}

#container .footer {
	border-radius: 10px 10px 0 0;
	margin-bottom: 0;
	opacity: .7
}

.footer p {
	text-align: center;
	color: #333
}

.footer p a {
	color: #333
}

.nav {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden
}

.nav li {
	float: left;
	text-align: center;
	display: block;
	width: 118px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #8a4b16;
	background: #C68648;
	border-radius: 5px;
	font-size: 15px;
	transition: color .5s,background-color .5s;
	overflow: hidden
}

.nav li:hover {
	color: #fff;
	background: #333
}

.banner img {
	width: 100%;
	transition: opacity .5s;
	border-radius: 5px
}

.banner img:hover {
	opacity: .9
}

.app {
	box-shadow: 0 0 15px rgba(100,100,100,.1);
	overflow: hidden;
	border-radius: 5px;
	background-color: #fff
}

.navi {
	font-size: 0;
	padding: 1px;
	text-align: center
}



.appico {
	width: calc(10% - 3px);
	margin: 7px 1px;
	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: 13px;
	margin: 0;
	color: #000;
	overflow: hidden
}

.naicon {
	border-radius: 10px;
	overflow: hidden;
	font-size: 0;
	margin: 2px 13px
}

.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%;
		margin-top: 40%
	}

	.nav li {
		width: 25%;
		margin-right: -2px;
		height: 30px;
		font-size: 12px;
		line-height: 30px
	}

	.toptips li {
		width: 100%;
		margin-right: -2px;
		height: 35px;
		line-height: 35px
	}

	.good li {
		width: 25%;
		height: 35px;
		line-height: 35px
	}

	.cate li {
		width: 25%;
		margin-right: -1px;
		height: 35px;
		line-height: 35px
	}

	.cate_name {
		height: 35px
	}

	.cate_name p {
		font-size: 18px;
		line-height: 35px
	}

	.appico {
		width: calc(20% - 3px)
	}
}

::-moz-selection {
    background: #fcc800;
    color: #fff;
}

::selection {
    background: #fcc800;
    color: #fff;
}


body{padding-top: 55px;padding-bottom: 45px;}
.layui-bg-black {background-color: #ffffe7!important;position:fixed;top:0;width:100%;z-index:9999;height: 45px;}
#topimg {float: left;padding-left: 150px;overflow: hidden;color: #18d820;font-size: 15px;height: 45px;line-height: 45px;}
.block{display:none;}
.layui-nav {padding: 0 10px;}
.layui-nav .layui-nav-item a {padding: 0 10px;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {background-color: #393d49;}
.boxban a{display: block;width: 100%;margin-top:5px}
.boxban a:nth-child(1){margin-top:0;}
.boxban img {vertical-align: middle;}
.ava{width:100%;height:80px;}
.ava_120{width:100%;height:120px;}
.nav-right {position: absolute!important;top: 10px;right: 16px;}
.nav-right li {float: left;}
.nav-right li a{float: left;background: #F66;color: #FFF;text-align: center;border-radius: 2px;margin-left: 5px;padding: 3px 10px;}
.nav-right li a:hover{background: red;color: #FFF;}
.red {color:#ff4e6f}
.blue {color:#83d2ff}
.gray {color:gray}
.white {color:white}
.black {color:black}
.green {color:#00c250}
.orange {color:orange}
.yellow {color:yellow}
.magenta {color:#cd82ff}
.purple {color:#ffffff}
.nav-right li .zx{background:#ff002f;}
.nav-right li .fb{background:#07a5ff;}
.nav-right li .sl{background:#f3f;}
.nav-right li .lx{background:#00c250;}
.nav-right li .app{background:#ff9900;}
.gonggao {height: 40px;line-height: 40px;color: red;background-color: #999eb9;padding-left: 5px;border-top-left-radius: 2px;border-top-right-radius: 2px;border-bottom: 10px solid #edf0f9;}
.gonggao .A-ico{float: left;height: 40px;line-height: 40px;overflow: hidden;display: inline-block;}
.gonggao .A-ico i{font-size: 20px;}
.gonggao .A-text{float: left;color: #000;margin-left: 5px;}
.app {overflow: hidden;background-color: #ffffff;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;}
.app li {float: left;padding: 5px 0;width: 10%;text-align: center;}
.app li a {overflow: hidden;color: #5f637b;font-size: 11px;}
.app li img {margin: 0 auto;padding: 4px;width: 56px;height: 56px;border-radius: 25%;}
.app li a:hover img{
    background-color:#FF9800;
    waidth: 90px;
    haeight: 90px;
}
.app li a:hover span{color:red;}
.words_box{overflow: hidden;}
.words_box .words_list{width: 100%;border-right: 1px solid #ddd;border-top: 1px solid #ddd;overflow: hidden;border-radius: 2px;}
.words_box .words_list a {display: inline-block;width: 284px;height: 32px;line-height: 32px;float: left;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #fafafa;}
.words_box .words_list a div {width: 100px;height: 32px;float: left;text-align: right;}
.words_box .words_list a span {font-size: 12px;color: #000;padding-left: 5px;}
.words_box .words_list a:hover{background:#FFF}
.words_box .words_list a:hover span{color:#ff002f}
@media screen and (max-width: 768px){
    .nav-right {right: 10px;}
}

header .logo {
    position: absolute;
    top: 3px;
    height: 45px;
}
header .logo img {
    height: 75%;
}
@media screen and (max-width:768px) {<!--
	.layui-hide-xs {
		display: none!important;
	}-->
	.layui-show-xs-block {
		display: block!important
	}
	.layui-show-xs-inline {
		display: inline!important
	}
	.layui-show-xs-inline-block {
		display: inline-block!important
	}
}

.layui-container {
	position: relative;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box
}

@media screen and (min-width:768px) {
	.layui-container {
		width: 750px
	}
	.layui-hide-sm {
		display: none!important
	}
	.layui-show-sm-block {
		display: block!important
	}
	.layui-show-sm-inline {
		display: inline!important
	}
	.layui-show-sm-inline-block {
		display: inline-block!important
	}
	.layui-col-sm1,
	.layui-col-sm10,
	.layui-col-sm11,
	.layui-col-sm12,
	.layui-col-sm2,
	.layui-col-sm3,
	.layui-col-sm4,
	.layui-col-sm5,
	.layui-col-sm6,
	.layui-col-sm7,
	.layui-col-sm8,
	.layui-col-sm9 {
		float: left
	}
	.layui-col-sm1 {
		width: 8.33333333%
	}
	.layui-col-sm2 {
		width: 16.66666667%
	}
	.layui-col-sm3 {
		width: 25%
	}
	.layui-col-sm4 {
		width: 33.33333333%
	}
	.layui-col-sm5 {
		width: 41.66666667%
	}
	.layui-col-sm6 {
		width: 50%
	}
	.layui-col-sm7 {
		width: 58.33333333%
	}
	.layui-col-sm8 {
		width: 66.66666667%
	}
	.layui-col-sm9 {
		width: 75%
	}
	.layui-col-sm10 {
		width: 83.33333333%
	}
	.layui-col-sm11 {
		width: 91.66666667%
	}
	.layui-col-sm12 {
		width: 100%
	}
	.layui-col-sm-offset1 {
		margin-left: 8.33333333%
	}
	.layui-col-sm-offset2 {
		margin-left: 16.66666667%
	}
	.layui-col-sm-offset3 {
		margin-left: 25%
	}
	.layui-col-sm-offset4 {
		margin-left: 33.33333333%
	}
	.layui-col-sm-offset5 {
		margin-left: 41.66666667%
	}
	.layui-col-sm-offset6 {
		margin-left: 50%
	}
	.layui-col-sm-offset7 {
		margin-left: 58.33333333%
	}
	.layui-col-sm-offset8 {
		margin-left: 66.66666667%
	}
	.layui-col-sm-offset9 {
		margin-left: 75%
	}
	.layui-col-sm-offset10 {
		margin-left: 83.33333333%
	}
	.layui-col-sm-offset11 {
		margin-left: 91.66666667%
	}
	.layui-col-sm-offset12 {
		margin-left: 100%
	}
}

@media screen and (min-width:992px) {
	.layui-container {
		width: 970px
	}
	.layui-hide-md {
		display: none!important
	}
	.layui-show-md-block {
		display: block!important
	}
	.layui-show-md-inline {
		display: inline!important
	}
	.layui-show-md-inline-block {
		display: inline-block!important
	}
	.layui-col-md1,
	.layui-col-md10,
	.layui-col-md11,
	.layui-col-md12,
	.layui-col-md2,
	.layui-col-md3,
	.layui-col-md4,
	.layui-col-md5,
	.layui-col-md6,
	.layui-col-md7,
	.layui-col-md8,
	.layui-col-md9 {
		float: left
	}
	.layui-col-md1 {
		width: 8.33333333%
	}
	.layui-col-md2 {
		width: 16.66666667%
	}
	.layui-col-md3 {
		width: 25%
	}
	.layui-col-md4 {
		width: 33.33333333%
	}
	.layui-col-md5 {
		width: 41.66666667%
	}
	.layui-col-md6 {
		width: 50%
	}
	.layui-col-md7 {
		width: 58.33333333%
	}
	.layui-col-md8 {
		width: 66.66666667%
	}
	.layui-col-md9 {
		width: 75%
	}
	.layui-col-md10 {
		width: 83.33333333%
	}
	.layui-col-md11 {
		width: 91.66666667%
	}
	.layui-col-md12 {
		width: 100%
	}
	.layui-col-md-offset1 {
		margin-left: 8.33333333%
	}
	.layui-col-md-offset2 {
		margin-left: 16.66666667%
	}
	.layui-col-md-offset3 {
		margin-left: 25%
	}
	.layui-col-md-offset4 {
		margin-left: 33.33333333%
	}
	.layui-col-md-offset5 {
		margin-left: 41.66666667%
	}
	.layui-col-md-offset6 {
		margin-left: 50%
	}
	.layui-col-md-offset7 {
		margin-left: 58.33333333%
	}
	.layui-col-md-offset8 {
		margin-left: 66.66666667%
	}
	.layui-col-md-offset9 {
		margin-left: 75%
	}
	.layui-col-md-offset10 {
		margin-left: 83.33333333%
	}
	.layui-col-md-offset11 {
		margin-left: 91.66666667%
	}
	.layui-col-md-offset12 {
		margin-left: 100%
	}
}

@media screen and (min-width:1200px) {
	.layui-container {
		width: 985px;
	}
	.layui-hide-lg {
		display: none!important
	}
	.layui-show-lg-block {
		display: block!important
	}
	.layui-show-lg-inline {
		display: inline!important
	}
	.layui-show-lg-inline-block {
		display: inline-block!important
	}
	.layui-col-lg1,
	.layui-col-lg10,
	.layui-col-lg11,
	.layui-col-lg12,
	.layui-col-lg2,
	.layui-col-lg3,
	.layui-col-lg4,
	.layui-col-lg5,
	.layui-col-lg6,
	.layui-col-lg7,
	.layui-col-lg8,
	.layui-col-lg9 {
		float: left
	}
	.layui-col-lg1 {
		width: 8.33333333%
	}
	.layui-col-lg2 {
		width: 16.66666667%
	}
	.layui-col-lg3 {
		width: 25%
	}
	.layui-col-lg4 {
		width: 33.33333333%
	}
	.layui-col-lg5 {
		width: 41.66666667%
	}
	.layui-col-lg6 {
		width: 50%
	}
	.layui-col-lg7 {
		width: 58.33333333%
	}
	.layui-col-lg8 {
		width: 66.66666667%
	}
	.layui-col-lg9 {
		width: 75%
	}
	.layui-col-lg10 {
		width: 83.33333333%
	}
	.layui-col-lg11 {
		width: 91.66666667%
	}
	.layui-col-lg12 {
		width: 100%
	}
	.layui-col-lg-offset1 {
		margin-left: 8.33333333%
	}
	.layui-col-lg-offset2 {
		margin-left: 16.66666667%
	}
	.layui-col-lg-offset3 {
		margin-left: 25%
	}
	.layui-col-lg-offset4 {
		margin-left: 33.33333333%
	}
	.layui-col-lg-offset5 {
		margin-left: 41.66666667%
	}
	.layui-col-lg-offset6 {
		margin-left: 50%
	}
	.layui-col-lg-offset7 {
		margin-left: 58.33333333%
	}
	.layui-col-lg-offset8 {
		margin-left: 66.66666667%
	}
	.layui-col-lg-offset9 {
		margin-left: 75%
	}
	.layui-col-lg-offset10 {
		margin-left: 83.33333333%
	}
	.layui-col-lg-offset11 {
		margin-left: 91.66666667%
	}
	.layui-col-lg-offset12 {
		margin-left: 100%
	}
}