@charset "utf-8";

* {
	font-family: "Microsoft Yahei"
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	background: #f4f4f8;
	color: #333333
}

div,ol,ul,li,dl,dt,dd,form,p,img,label,input,button,textarea,table,tr,td,th {
	box-sizing: border-box;
	padding: 0;
	margin: 0
}

ol,ul,li,h1,h2,h3,h4,h5,h6,p {
	list-style: none;
	padding: 0;
	margin: 0
}

h1 {
	font-size: 22px
}

h2 {
	font-size: 20px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 12px
}

img {
	border: none
}

a {
	text-decoration: none;
	border: none;
	color: #333;
	cursor: pointer
}

i,em,strong {
	font-style: normal
}

table {
	border-collapse: collapse
}

button {
	cursor: pointer;
	outline: none;
	border: none
}

input {
	outline: none;
	outline: none;
	text-indent: 5px;
	border: #ccc solid 1px;
	border-radius: 0
}

input[type='radio'] {
	width: 15px;
	height: 15px;
	vertical-align: -3px;
	border: none;
	cursor: pointer
}

input[type='checkbox'] {
	width: 15px;
	height: 15px;
	vertical-align: -3px;
	border: none;
	cursor: pointer
}

label {
	cursor: pointer
}

select {
	outline: none;
	border: #ccc solid 1px;
	border-radius: 0
}

textarea {
	outline: none;
	z-index: 1;
	border: #ccc solid 1px;
	max-width: 100%;
	font-size: 14px;
	border-radius: 0
}

button::-moz-focus-inner {
	padding: 0;
	border: none
}

input[type="button"],input[type="submit"],input[type="text"] {
	-webkit-appearance: none
}

.clear {
	clear: both
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both
}

.none {
	display: none
}

.left {
	float: left
}

.right {
	float: right
}

.auto {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.ban-scroll{
	height: 100%;
	overflow: hidden;
}
.block{ display: block }
.inline{ display: inline }
.text-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.theme-color {
	color: #ff552e
}
.blue{ color: #315AAA }
.ash-color {
	color: #999
}
.c{ color: #ccc }
.input-40 {
	width: 40px
}

.rotate {
	transform: rotate(180deg)
}

.fa-star {
	color: #fca815
}
.fz12{ font-size: 12px; }
.fz16{ font-size: 16px; }
.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
a {
	transition: all 0.5s ease
}

a:hover {
	color: #ff552e
}

small {
	font-size: 12px
}

.rotate-i {
	transform: rotate(180deg)
}

.triangle:before {
	content: '';
	display: inline-block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ccc;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px
}

.triangle:after {
	content: '';
	display: inline-block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -8px
}

.mengban {
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #333;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none
}

.shaixuan-bg {
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 80%;
	left: 0;
	bottom: 0;
	background: #333;
	opacity: 0.5;
	filter: alpha(opacity=50);
	display: none
}

.alert {
	position: fixed;
	z-index: 10;
	left: 50%;
	top: 30%;
	background: #666;
	text-align: center;
	color: #fff;
	display: none;
	border-radius: 2px;
	padding: 10px 20px
}

.common-head-wrapper {
	width: 100%;
	background: #fff;
	position: relative
}

.common-head-menu {
	width: 100%;
	line-height: 50px;
	border-bottom: #ddd solid 1px
}

.common-nav {
	float: right
}

.common-nav>a {
	display: block;
	float: left;
	margin-right: 50px;
	font-size: 16px;
	line-height: 50px;
	color: #333;
	position: relative
}

.common-nav>a:hover {
	color: #ff552e
}

.common-nav>div {
	float: left;
	position: relative;
	z-index: 15;
	font-size: 16px;
	margin-right: 50px
}

.common-nav>div>a {
	line-height: 50px;
	cursor: pointer;
	position: relative
}

.common-nav-div ul {
	display: none;
	position: absolute;
	z-index: 15;
	left: 0;
	top: 50px;
	width: 100%;
	background: #fff;
	overflow: hidden;
	border: #ddd solid 1px;
	border-top: none
}

.common-nav-div ul li {
	line-height: 35px;
	text-align: center
}

.common-nav-div ul li a {
	display: block;
	font-size: 14px
}

.common-nav-div ul li a:hover {
	background: #ff552e;
	color: #fff
}

#common-nav-active {
	color: #ff552e
}

#common-nav-active:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background: #ff552e;
	position: absolute;
	bottom: -14px;
	left: 0
}

.common-message {
	float: right;
	margin-left: 50px;
	position: relative
}

.top-right {
	float: right
}

.top-right>a {
	float: left;
	margin-left: 30px
}

.top-toggle {
	float: left;
	margin-left: 30px
}

.top-toggle>li {
	display: inline-block;
	text-align: center
}

.top-toggle {
	cursor: pointer;
	position: relative
}

.top-toggle ul {
	display: none;
	position: absolute;
	z-index: 5;
	top: 50px;
	left: 5px;
	width: 100%;
	border: #ddd solid 1px;
	border-bottom: none;
	box-shadow: 0 3px 5px #999
}

.top-toggle ul li {
	width: 100%;
	line-height: 35px;
	background: #fff;
	border-bottom: #ddd solid 1px;
	overflow: hidden
}

.user-icon {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: -4px;
	border-radius: 100%
}

.top-toggle ul li img {
	width: 100%
}

.common-message {
	position: relative
}

.common-message i {
	color: #666;
	font-size: 18px
}

.common-message span {
	width: 7px;
	height: 7px;
	position: absolute;
	top: 8px;
	right: -3px;
	background: #ff552e;
	border-radius: 100%;
	display: block
}

.top-right-message {
	float: left;
	margin-left: 20px;
	position: relative
}

.common-message-btn {
	cursor: pointer;
	font-size: 14px;
	position: relative;
}
.hong-dian{
	display: block; position: absolute; top: 8px; right: -5px; width: 10px; height: 10px; border-radius: 100%;
	background: #ea3232;
}
.common-message-wrapper {
	position: absolute;
	z-index: 10;
	top: 50px;
	left: -350px;
	width: 400px;
	background: #fff;
	box-shadow: 0 0 15px #999;
	display: none
}

.common-message-wrapper>ul>li {
	width: 100%;
	border-bottom: #eee solid 1px;
	padding: 10px 20px;
	position: relative
}

.common-message-wrapper>ul>li:hover {
	background: #f5f5f5
}

.common-message-wrapper>ul>li>div {
	line-height: 20px;
	margin: 0;
	font-size: 14px
}

.common-message-wrapper>ul>li>a {
	display: block;
	line-height: 30px;
	font-size: 13px;
	margin: 0
}

.common-message-wrapper>ul>li>p {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #ff552e;
	font-size: 12px;
	line-height: 20px;
	text-align: center
}

.common-message-wrapper>ul>li>p>a {
	color: #fff
}

.common-message-wrapper>ul>li>p>a:hover {
	color: #fff
}

.readed-btn {
	float: right;
	margin-right: 20px;
	line-height: 40px;
	cursor: pointer;
	font-size: 12px;
	color: #666
}

.common-head-search {
	padding: 15px 0;
	overflow: hidden
}


.search-outer {
	width: 550px;
	height: 42px;
	margin-top: 12px;
	border: solid 1px #fe552e
}

.search-outer i {
	float: left;
	font-size: 18px;
	color: #ccc;
	margin: 11px 5px 0 10px
}

.search-outer input {
	float: left;
	width: 430px;
	height: 40px;
	line-height: 40px;
	border: none
}

.search-outer button {
	float: right;
	height: 40px;
	line-height: 40px;
	background: #fe552e;
	color: #fff;
	font-size: 16px;
	padding: 0 21px
}

.common-head-search .right {
	display: block;
	padding: 0 15px;
	line-height: 35px;
	background: #64b114;
	color: #fff;
	margin-top: 15px;
	border-radius: 3px
}

.breadcrumbs {
	margin: 10px auto;
	color: #666
}

.breadcrumbs a {
	color: #666
}

.breadcrumbs a:hover {
	color: #ff552e
}

.breadcrumbs span {
	color: #ff552e
}

.search-nofind {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	overflow: hidden;
	background: #fff
}

.search-nofind img {
	width: 100px
}

.search-nofind p {
	line-height: 20px;
	color: #999;
	padding: 10px 0
}

.geren-button {
	position: fixed;
	z-index: 1;
	top: 200px;
	right: 10px;
	width: 88px;
	height: 355px;
	text-align: center;
	background: url(../img/geren-button.png) no-repeat
}

.geren-button>div:first-child {
	margin-top: 60px
}

.menu-wrapper {
	position: relative;
	margin-top: 10px
}

.float-one {
	width: 65px;
	height: 65px;
	cursor: pointer;
	margin-left: 13px;
	border-radius: 100%
}

.float-one>a {
	display: block;
	width: 100%;
	height: 65px
}

.float-two {
	display: none;
	position: absolute;
	top: 0;
	left: -75px;
	background: #fff;
	border-radius: 4px;
	border: #ddd solid 1px;
	overflow: hidden;
	padding: 10px;
	z-index: 10
}

.float-two>p {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: #ff552e solid 2px;
	margin-bottom: 10px
}

.float-two ul li {
	line-height: 28px
}

.qiye-button {
	position: fixed;
	z-index: 1;
	top: 200px;
	right: 10px;
	width: 88px;
	height: 355px;
	text-align: center;
	background: url(../img/qiye-button.png)
}

.qiye-button>div:first-child {
	margin-top: 60px
}










.page {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	background: #fff
}

.page a {
	display: inline-block;
	padding: 0 10px;
	line-height: 25px;
	border: #eee solid 1px;
	border-radius: 2px;
	margin-left: 5px;
	color: #666;
	margin-top: 20px;
	margin-bottom: 20px
}

.page a:hover {
	color: #ff552e;
	border-color: #ff552e
}

.page span {
	display: inline-block;
	padding: 0 10px;
	line-height: 25px;
	border: #ff6947 solid 1px;
	border-radius: 2px;
	background: #ff6947;
	color: #fff;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px
}

.nofind-div {
	width: 100%;
	text-align: center;
	margin-left: 0!important;
	margin-top: 20px;
	overflow: hidden
}

.nofind-div img {
	display: inline;
	width: 80px;
	margin-right: 10px
}

.nofind-div a {
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	background: #ff552e;
	margin: 20px 0;
	border-radius: 5px
}



.friend-link-bg {
	width: 100%;
	background: #f2f2f2
}

.friend-link-bg {
	width: 100%
}

.friend-link {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: #ccc solid 1px
}

.friend-link div {
	float: left;
	width: 13%;
	text-align: center
}

.friend-link div h4 {
	color: #666;
	border-bottom: #ccc dashed 1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: 400
}

.friend-link div ul li {
	width: 100%;
	text-align: center;
	line-height: 25px
}

.friend-link div ul li a {
	color: #666;
	font-size: 12px
}

.friend-link div ul li a:hover {
	color: #dc201e
}

.friend-link p {
	float: left;
	width: 11%;
	text-align: center
}

.friend-link-p {
	margin: 0 5%
}

.friend-link p span {
	display: block;
	margin: 0px 0 5px;
	color: #666
}

.friend-link p img {
	width: 100%
}

.footer {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	overflow: hidden
}

.footer div {
	font-size: 13px
}

.footer a {
	display: inline-block;
	padding: 0 5px;
	color: #666;
	font-size: 13px
}

.footer a:hover {
	color: #fa6943
}
.back-up {
	position: fixed;
	right: 30px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	background: #666;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-size: 24px;
	border-radius: 100%;
	cursor: pointer;
	display: none
}
.feedback-btn{
	position: fixed; z-index: 1; right: 30px; bottom: 110px; width: 50px; height: 50px; 
	border-radius: 100%; background: #666; background: rgba(51,51,51,0.7); color: #fff;
	text-align: center; line-height: 50px; cursor: pointer;
}
.feedback-wp{
	position: fixed; z-index: 50; width: 500px; left: 50%; margin-left: -250px; top: 20%;
	background: #fff; box-shadow: 0 0 10px #666; padding-bottom: 20px; display: none;
}
.feedback-wp>p{ background: #ff6947; color: #fff; line-height: 35px; padding: 0 10px;}
.feedback-wp>p>span{ font-size: 22px; cursor: pointer;}
.feedback-wp>div{ width: 90%; margin: 20px auto;}
.feedback-wp>div textarea{ 
	width: 100%; height: 150px; resize: none; padding: 5px; margin-bottom: 10px;
	border: none; background: #eee;
}
.feedback-wp>div textarea:focus{ border: #ff6947 solid 1px }
.feedback-wp>div p{ margin-bottom: 5px; font-size: 16px; color: #ff6947;}
.feedback-wp>div input{ width: 360px; height: 35px; background: #eee; border: none;}
.feedback-wp>div input:focus{ border: #ff6947 solid 1px }
.feedback-wp>div button{ background: #ff6947; height: 35px; color: #fff; width: 80px;}
.feedback-wp>div span{ display: block; margin-top: 15px; font-size: 12px; color: #666;}
@media only screen and (max-width:768px) {
	.auto {
		width: 100%;
		max-width: 640px
	}

	.m-none {
		display: none!important
	}
}

@media only screen and (min-width:1200px) {
	.pc-none {
		display: none!important
	}
}

@media only screen and (max-width:768px) {
	.m-bar {
		position: fixed;
		z-index: 5;
		left: 0;
		top: 0;
		width: 100%;
		line-height: 40px;
		height: 40px;
		background: #ff552e;
		color: #fff;
		text-align: center
	}

	.m-bar>a {
		float: left;
		margin-left: 10px;
		font-size: 26px;
		color: #fff
	}

	.m-bar>span {
		font-size: 16px
	}
	.m-bar .fa-angle-left{
		float: left;
		line-height: 40px;
		margin-left: 10px;
		font-size: 22px
	}
	.m-bar .fa-list-ul {
		float: right;
		line-height: 40px;
		margin-right: 10px;
		font-size: 22px
	}
	.page{ display: none }
	.m-page {
		padding: 15px;
		text-align: center;
		color: #666;
		border-bottom: #ddd solid 1px;
		background: #fff
	}

	.common-head-wrapper {
		margin-bottom: 10px;
		padding-top: 40px
	}

	.common-head-menu .fa-map-marker {
		margin-left: 10px
	}

	.common-nav {
		width: 99px;
		background: #fff;
		position: fixed;
		z-index: 10;
		top: 40px;
		right: 0;
		display: none
	}

	.common-nav>p {
		width: 0;
		height: 0;
		border-width: 5px;
		border-style: solid;
		position: absolute;
		top: -10px;
		left: 74%;
		border-color: transparent transparent #fff transparent
	}

	.common-nav>a {
		float: none;
		margin-right: 0;
		line-height: 40px;
		border-bottom: #eee solid 1px;
		width: 100%;
		text-align: center
	}

	.common-nav>div {
		float: none;
		margin-right: 0;
		line-height: 40px;
		text-align: center;
		border-bottom: #eee solid 1px
	}

	.common-nav>div>a {
		line-height: 40px
	}

	.common-nav>div>ul {
		position: relative;
		top: 0;
		border: none;
		background: #f5f5f5
	}

	.common-nav>div>ul>li {
		border-top: #eee solid 1px
	}

	.top-toggle {
		float: none;
		width: 100%;
		line-height: 40px;
		margin-left: 0;
		text-align: center
	}

	.hong-dian{
		right: 10px;
	}

	.m-top-button {
		float: right;
		margin-top: 13px
	}

	.m-top-button>a {
		float: left;
		display: block;
		width: 25px;
		height: 25px;
		border-radius: 3px;
		background: #ff552e;
		color: #fff;
		line-height: 25px;
		text-align: center;
		font-size: 16px;
		margin-right: 20px
	}

	.m-top-button>p {
		float: left;
		width: 25px;
		height: 25px;
		border-radius: 3px;
		background: #ff552e;
		color: #fff;
		line-height: 25px;
		text-align: center;
		font-size: 16px;
		margin-right: 10px
	}
	.shaixuan{
		display: none;
	}

	.three-select select {
		width: 20%
	}

	.footer {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		padding: 15px 0;
		text-align: center
	}

	.footer>div {
		width: 100%;
		margin-bottom: 15px;
		overflow: hidden
	}

	.footer>div>div {
		float: left;
		width: 20%;
		text-align: center;
		font-size: 12px
	}

	.footer>div>div>a>p {
		width: 40px;
		height: 40px;
		border-radius: 100%;
		margin: 5px auto;
		border: #ccc solid 1px
	}

	.footer>div>div>a>p>i {
		line-height: 40px;
		color: #999;
		font-size: 18px
	}

	.footer>p {
		margin-bottom: 10px
	}

	.footer>p>a {
		display: inline-block;
		padding: 0 15px;
		border-left: #ccc solid 1px;
		font-size: 12px;
		color: #666
	}

	.footer>p>a:first-child {
		border: none
	}

	.footer>span {
		color: #999;
		margin-top: 10px;
		font-size: 11px
	}

	.float-bottom {
		position: fixed;
		z-index: 10;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 140px;
		background: rgba(51,51,51,0.7)
	}

	.float-bottom>div {
		text-align: center;
		color: #fff
	}

	.float-bottom>div>span {
		line-height: 40px
	}

	.float-bottom>div>a {
		display: inline-block;
		line-height: 30px;
		padding: 0 20px;
		border-radius: 20px;
		color: #fff;
		margin-left: 10px
	}

	.dl {
		background: #ff6948
	}

	.zc {
		background: #4f99fc
	}
}