html,
body {
	font-size: 14px;
	background: #fff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";
}

img {
	border: 0px;
}

ul,
li,
p {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

ul,
li {
	list-style-type: none;
}

input,
button,
select,
textarea {
	outline: none;
}

textarea {
	resize: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"] {
	-webkit-appearance: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.container {
	position: relative;
	width: 1180px;
	margin: 0px auto;
}

.header {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 90px;
	width: 100%;
	z-index: 5;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.header .container {
	height: 100%;
}

.header .logo {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto 0;
}

.header .nav {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	width: 900px;
}

.header .nav li {
	float: left;
	width: 110px;
	height: 100%;
	line-height: 90px;
	text-align: center;
	color: #434343;
	font-size: 18px;
}

.header .nav li {
	transition-duration: .3s;
	-ms-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.header .nav li.on {
	color: #D21879;
}

.header .nav li:hover {
	color: #D21879;
}

.header .btns {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 250px;
	height: 38px;
	text-align: right;
	margin: auto 0;
}

.header .btns .btn {
	margin-left: 12px;
	text-align: center;
	line-height: 36px;
	padding: 0 10px;
	color: #656565;
	font-size: 16px;
	cursor: pointer;
	height: 36px;
	border: 1px solid #959595;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.header .btns .btn {
	transition-duration: .3s;
	-ms-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
}

.header .btns .btn.blue {
	background: #287ac4;
	color: #fff;
	border: 1px solid #287ac4;
}

.header .btns .btn:hover {
	background: #959595;
	color: #fff;
}

.header .btns .btn.blue:hover {
	background: #2D8ADE;
	border: 1px solid #2D8ADE;
}

.header .wapBtn {
	display: none;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto 0;
	cursor: pointer;
}

.stance {
	height: 90px;
}

.navBg {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	cursor: pointer;
	z-index: 4;
}

.footer {
	height: 118px;
	background-color: #27203a;
}

.footer .container {
	height: 100%;
}

.footer .footnav {
	padding: 38px 0 10px 0;
	line-height: 12px;
}

.footer .footnav:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.footer .footnav li {
	vertical-align: middle;
	float: left;
	padding: 0 6px;
	text-align: center;
	color: #a2a2a3;
	font-size: 14px;
	vertical-align: middle;
	border-right: 1px solid #a2a2a3;
}

.footer .footnav li.first {
	padding-left: 0px;
}

.footer .footnav li.last {
	border-right: 0px;
}

.footer .footnav li {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.footer .footnav li:hover {
	color: #fff;
}

.footer .copyright {
	text-align: left;
	color: #AFAFAF;
	font-size: 14px;
	line-height: 20px;
}

.footer .copyright a {
	color: #AFAFAF;
}

.footer .code {
	position: absolute;
	top: 20px;
	right: 0px;
	height: 80px;
	text-align: left;
}

.footer .code:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.footer .code .img {
	float: right;
}

.footer .code .img img {
	width: 80px;
	height: 80px;
}

.footer .code .font {
	float: right;
	padding: 18px 12px 0 12px;
}

.footer .code .font p {
	line-height: 22px;
	font-size: 15px;
	color: #a9a7b1;
}

.footer .code .font a p {
	border-bottom: 1px solid #a9a7b1;
}

.pages .btns {
	padding-top: 50px;
	text-align: right;
}

.pages .btns .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: #ebebeb;
	cursor: pointer;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #656565;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.pages .btns .btn.on {
	color: #fff;
	background: #dd2a87;
}

.pages .btns .btn:hover {
	color: #fff;
	background: #dd2a87;
}

.pages .btns .btn1 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 30px;
}

.pages .btns .btn1 img {
	vertical-align: middle;
}

.pages .btns .leftBtn {
	margin-right: 38px;
}

.pages .btns .rightBtn {
	margin-left: 38px;
}

@media (max-width: 639px) {
	.container {
		width: 93.75%;
	}
	.header {
		height: 46px;
	}
	.header .logo {
		height: 20px;
	}
	.header .nav {
		margin: 0;
		background: #fff;
		display: none;
		border-left: 1px solid #ddd;
		position: fixed;
		top: 47px;
		left: inherit;
		right: -125px;
		width: 124px;
		height: auto;
		line-height: normal;
		z-index: 5;
	}
	.header .nav li {
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		margin: 0px;
		width: 124px;
		height: 40px;
		line-height: 40px;
		float: none;
	}
	.header .nav li.on {
		color: #D21879;
	}
	.header .nav li:hover {
		color: #D21879;
		background: #ddd;
	}
	.header .nav li .sub {
		display: none;
	}
	.header .btns {
		width: 240px;
		height: 28px;
		right: 46px;
		line-height: 24px;
	}
	.header .btns .btn {
		margin-left: 4px;
		line-height: 24px;
		padding: 0 8px;
		font-size: 12px;
		height: 24px;
	}
	.header .wapBtn {
		display: block;
		height: 22px;
	}
	.stance {
		height: 46px;
	}
	.footer {
		height: auto;
		padding: 12px 0;
	}
	.footer .footnav {
		padding: 0 0 8px 0;
		line-height: 12px;
		text-align: center;
	}
	.footer .footnav li {
		margin: 4px 0;
		padding: 0px 6px;
		font-size: 12px;
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.footer .copyright {
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}
	.footer .code {
		padding: 14px 0 0 0;
		position: relative;
		top: inherit;
		bottom: inherit;
		right: inherit;
		margin: 0;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	.footer .code .img {
		float: none;
	}
	.footer .code .img img {
		width: 80px;
		height: 80px;
	}
	.footer .code .font {
		float: none;
	}
	.footer .code .font {
		padding: 2px 12px 2px 12px;
	}
	.footer .code .font p {
		line-height: 18px;
		font-size: 12px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.pages .btns {
		padding-top: 20px;
	}
	.pages .btns .btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.pages .btns .btn1 {
		line-height: 30px;
	}
	.pages .btns .leftBtn {
		margin-right: 20px;
	}
	.pages .btns .rightBtn {
		margin-left: 20px;
	}
}

@media (min-width: 640px) and (max-width:1023px) {
	.container {
		width: 93.75%;
	}
	.header {
		height: 68px;
	}
	.header .logo {}
	.header .nav {
		margin: 0;
		background: #fff;
		display: none;
		border-left: 1px solid #ddd;
		position: fixed;
		top: 69px;
		left: inherit;
		right: -125px;
		width: 124px;
		height: auto;
		line-height: normal;
	}
	.header .nav li {
		border-bottom: 1px solid #ddd;
		font-size: 14px;
		margin: 0px;
		width: 124px;
		height: 40px;
		line-height: 40px;
		float: none;
	}
	.header .nav li.on {
		color: #D21879;
	}
	.header .nav li:hover {
		color: #D21879;
		background: #ddd;
	}
	.header .nav li .sub {
		display: none;
	}
	.header .btns {
		width: 250px;
		height: 28px;
		right: 68px;
	}
	.header .btns .btn {
		margin-left: 6px;
		line-height: 28px;
		padding: 0 8px;
		font-size: 14px;
		height: 28px;
	}
	.header .wapBtn {
		display: block;
		height: 31px;
	}
	.stance {
		height: 68px;
	}
	.footer {
		height: auto;
		padding: 20px 0;
	}
	.footer .footnav {
		padding: 0 0 8px 0;
		line-height: 12px;
		text-align: center;
	}
	.footer .footnav li {
		padding: 0 6px;
		font-size: 12px;
		float: none;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.footer .copyright {
		font-size: 12px;
		line-height: 18px;
		text-align: center;
	}
	.footer .code {
		padding: 20px 0 0 0;
		position: relative;
		top: inherit;
		bottom: inherit;
		right: inherit;
		margin: 0;
		height: auto;
		margin: 0 auto;
		text-align: center;
	}
	.footer .code .img {
		float: none;
	}
	.footer .code .img img {
		width: 80px;
		height: 80px;
	}
	.footer .code .font {
		float: none;
	}
	.footer .code .font {
		padding: 2px 12px 2px 12px;
	}
	.footer .code .font p {
		line-height: 18px;
		font-size: 12px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	.pages .btns {
		padding-top: 30px;
	}
	.pages .btns .btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.pages .btns .btn1 {
		line-height: 30px;
	}
	.pages .btns .leftBtn {
		margin-right: 38px;
	}
	.pages .btns .rightBtn {
		margin-left: 38px;
	}
}

@media (min-width: 1024px) and (max-width:1440px) {
	.container {
		width: 900px;
	}
	.header {
		height: 68px;
	}
	.header .logo {}
	.header .nav {
		padding-left: 190px;
		width: 728px;
	}
	.header .nav li {
		width: 90px;
		line-height: 68px;
		font-size: 16px;
	}
	.header .btns {
		width: 250px;
		height: 28px;
	}
	.header .btns .btn {
		margin-left: 6px;
		line-height: 28px;
		padding: 0 8px;
		font-size: 14px;
		height: 28px;
	}
	.stance {
		height: 68px;
	}
	.footer {
		height: 88px;
	}
	.footer .footnav {
		padding: 28px 0 8px 0;
		line-height: 12px;
	}
	.footer .footnav li {
		padding: 0 6px;
		font-size: 12px;
	}
	.footer .copyright {
		font-size: 12px;
		line-height: 18px;
	}
	.footer .code {
		height: 60px;
	}
	.footer .code .img img {
		width: 60px;
		height: 60px;
	}
	.footer .code .font {
		padding: 10px 12px 0 12px;
	}
	.footer .code .font p {
		line-height: 18px;
		font-size: 12px;
	}
	.pages .btns {
		padding-top: 30px;
	}
	.pages .btns .btn {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.pages .btns .btn1 {
		line-height: 30px;
	}
	.pages .btns .leftBtn {
		margin-right: 38px;
	}
	.pages .btns .rightBtn {
		margin-left: 38px;
	}
}

@media (min-width: 1441px) and (max-width:1920px) {
	.header .nav {
		width: 730px;
	}
	.header .btns {
		width: 300px;
		height: 28px;
	}
}


/*右侧浮动*/

#service {
	width: 161px;
	height: 290px;
	position: fixed;
	top: 350px;
	right: 0px;
	z-index: 100;
}

*body #service {
	margin-top: 258px;
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop));
}

#service li {
	width: 161px;
	height: 60px;
}

#service li img {
	float: right;
}

#service li a {
	height: 49px;
	float: right;
	display: block;
	min-width: 47px;
	max-width: 161px;
}

#service li a .shows {
	display: block;
}

#service li a .hides {
	margin-right: -143px;
	cursor: pointer;
	cursor: hand;
}

#service li a.weixin_area .hides {
	display: none;
	position: absolute;
	right: 143px;
}

#service li a.weixin_area .weixin {
	display: none;
	position: absolute;
	right: 0;
	top: 48px
}

#p2 {
	width: 112px;
	background-color: #A7D2A9;
	height: 47px;
	margin-left: 47px;
	border: 1px solid #8BC48D;
	text-align: center;
	line-height: 47px
}

#p3 {
	width: 112px;
	background-color: #EC9890;
	height: 47px;
	margin-left: 47px;
	border: 1px solid #E6776C;
	text-align: center;
	line-height: 47px
}

#p1 {
	width: 47px;
	height: 49px;
	float: left
}

a:hover {
	text-decoration: none
}

@media (max-width: 639px) {
	#service {
		display: none;
	}
}


/*登录注册*/

.topLogBox {
	position: absolute;
	top: 30px;
	right: 50px;
	margin: auto 0;
	float: right;
}
@media (min-width: 1024px) and (max-width:1440px) {
	.topLogBox {
	position: absolute;
	top: 19px;
	right: 50px;
	margin: auto 0;
	float: right;
}
}
@media (max-width: 1024px) {
	.topLogBox {
		display: none;
	}
}

.btnTopLog,
.btnTopReg {
	width: 72px;
	height: 30px;
	padding: 0px;
	border: 1px solid #949494;
	border-radius: 50px;
	transition: all 0.28s ease 0s;
}

.btnTopLog {
	background: #fff;
	color: #949494;
	margin-right: 9px;
}

.btnTopLog:hover {
	border-color: #5facef;
	color: #5facef;
}

.btnTopReg {
	background: #949494;
	color: #fff;
	
}

.btnTopReg:hover {
	background: #5facef;
	border-color: #5facef;
}