@import url(slick.css);

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {
	margin: 0;
	padding: 0
}

* {
	margin: 0;
	padding: 0;
	outline: none
}

body,button,input,select,textarea {
	font: 100% Microsoft Yahei,微软雅黑, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

img {
	border: none
}

body {
	font-size: 12px
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

address,cite,dfn,em,var {
	font-style: normal
}

code,kbd,pre,samp {
	font-family: courier new, courier, monospace
}

small {
	font-size: 10px
}

ul,ol {
	list-style: none outside none;
	margin: 0;
	padding: 0
}

button,input {
	line-height: normal
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	vertical-align: baseline
}

i,em,cite,u {
	font-style: normal
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

legend {
	color: #000
}

fieldset,img {
	border: 0
}

button,input,select,textarea {
	font-size: 100%
}

textarea {
	resize: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	display: block;
	margin: 0;
	padding: 0
}

.clearfix {
	zoom: 1
}

.mark {
	background: #ff0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

blockquote,q {
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none
}

.hide {
	display: none
}

.show {
	display: block !important
}

.clear:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both
}

.clear {
	*zoom: 1;
	float: none !important;
	clear: both
}

.inline-block {
	display: inline-block;
	*display: inline
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

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

a {
	color: inherit;
	text-decoration: inherit;
	cursor: inherit;
	color: #999;
	cursor: pointer
}

a:active,a:focus {
	outline: none
}

a,div {
	-webkit-tap-highlight-color: rgba(255,255,255,0)
}

@-webkit-keyframes fadeOutRight2 {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
}

@keyframes fadeOutRight2 {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0)
	}
}

@-webkit-keyframes fadeInRight2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40, 0, 0);
		transform: translate3d(40px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.menu {
	display: none;
	float: right;
	cursor: pointer;
	width: 90px;
	text-align: center
}

.menu-btn2 {
	display: none;
	position: fixed;
	top: -6px;
	right: 0%;
	z-index: 99999;
	width: 40px;
	height: 45px;
	padding: 0 5px;
	background: #333;
	margin-top: 9px;
	cursor: pointer;
	opacity: 0.7
}

@media only all and (max-width: 640px) {
	.menu-btn2 {
		margin-top: 6px
	}
}

.menu-btn2 .line {
	width: 35px;
	height: 2px;
	background: #fff;
	margin: 9px 0;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%
}

@media only all and (max-width: 640px) {
	.menu-btn2 .line {
		margin: 7px auto;
		width: 28px
	}
}

@media only all and (max-width: 640px) {
	.menu-btn2 .t-line {
		margin-top: 13px
	}
}

.header {
	width: 100%;
	height: 60px;
	cursor: default;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999
}

@media only all and (max-width: 640px) {
	.header {
		height: 46px;
		background: #333
	}
}

.header .container {
	height: 60px;
	background: url(../images/header_bg.png) bottom center repeat-x;
	position: relative;
	overflow: visible
}

@media only all and (max-width: 640px) {
	.header .container {
		background: none
	}
}

.header .container .logo-t {
	margin-top:5px;
	float: left;
	width: 182px;
	height: 58px;
	background: url(../images/logo_r.png) no-repeat
}

@media only all and (max-width: 640px) {
	.header .container .logo-t {
		width: 120px;
		height: 30px;
		background-size: 100%;
		margin-left: -3px;
		margin-top: 7px;
		background: url(../images/logo_r.png) no-repeat;
		background-size: 100%;
	}
}

.header .menu-btn {
	float: right;
	width: 40px;
	margin-top: 9px;
	cursor: pointer
}

@media only all and (max-width: 640px) {
	.header .menu-btn {
		background: #333;
		padding: 0 3px;
		width: 40px;
		height: 45px;
		margin: 0;
		position: absolute;
		right: -5%;
		top: 0
	}
}

.header .menu-btn .line {
	width: 35px;
	height: 2px;
	background: #fff;
	margin: 9px 0;
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%
}

@media only all and (max-width: 640px) {
	.header .menu-btn .line {
		margin: 7px auto;
		width: 28px
	}
}

@media only all and (max-width: 640px) {
	.header .menu-btn .t-line {
		margin-top: 13px
	}
}

.header .menu-btn.on {
	background: url("../images/images/close-tip.png") no-repeat center\0\9;
	*background: url("../images/close-tip.png") no-repeat center
}

.header .menu-btn.on .line {
	opacity: 0\0\9;
	ZOOM: 1\0\9;
	FILTER: alpha(opacity=0) \0\9
}

.header .menu-btn.active {
	position: fixed;
	right: 19px
}

.header .menu-display {
	position: absolute;
	right: 65px;
	top: 0;
	opacity: 0;
	animation: fadeOutRight2 1s;
	-moz-animation: fadeOutRight2 1s;
	-webkit-animation: fadeOutRight2 1s;
	-ms-animation: fadeOutRight2 1s;
	display: none
}

.header .menu-display ul {
	float: left
}

.header .menu-display ul li {
	padding: 18.5px 0px;
	*padding: 18px 0px 19px;
	font-size: 16px;
	float: left
}

@media only all and (max-width: 768px) {
	.header .menu-display ul li {
		padding: 19px 0px
	}
}

.header .menu-display ul li a {
	color: #000000;
	padding: 18.5px 30px
}

@media only all and (max-width: 1024px) {
	.header .menu-display ul li a {
		font-size: 12px;
		padding: 18.5px 15px
	}
}

.header .menu-display ul li:hover,.header .menu-display ul li.on {
	border-bottom: 2px solid #e83828
}

.header .menu-display ul li:hover a,.header .menu-display ul li.on a {
	color: #e83828
}

.header .menu-display .closed {
	width: 60px;
	height: 60px;
	float: right;
	background: url(../images/closed.png) center center no-repeat
}

.header .menu-display.on {
	opacity: 1;
	animation: fadeInRight2 1s;
	-moz-animation: fadeInRight2 1s;
	-webkit-animation: fadeInRight2 1s;
	-ms-animation: fadeInRight2 1s
}

.navbar {
	height: 30px;
	margin: 0 auto;
	width: 1024px
}

@media only all and (max-width: 1280px) {
	.navbar {
		width: 1000px
	}
}

@media only all and (max-width: 1024px) {
	.navbar {
		width: 100%;
		height: 30px
	}

	.navbar .navbar-nav {
		display: none
	}

	.navbar .navbar-contact {
		display: none
	}

	.navbar .menu {
		display: block;
		margin-right: 0px;
		margin-top: 5px;
		position: absolute;
		right: 0;
		width: 80px;
		text-align: center
	}
}

.navbar-header {
	height: 35px;
	width: 157px;
	float: left;
	margin-top: 5px
}

.logo {
	height: 35px;
	background-image: url('../images/topLogo.png?1512537688');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	background-size: auto;
	display: block
}

.logo:hover {
	background-image: fasle
}

@media only all and (max-width: 480px) {
	.logo {
		background-repeat: no-repeat;
		background-size: 70% !important;
		background-position: 0px 4px;
		cursor: pointer
	}
}

@media only all and (max-width: 768px) {
	.logo {
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: 0px 4px;
		cursor: pointer
	}
}

@media only all and (max-width: 1024px) {
	.logo {
		background-size: 90%;
		background-position: 0px 2px
	}
}

.navbar-nav {
	height: 35px;
	float: left;
	margin-left: 141px
}

.navbar-nav ul {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	*zoom: 1
}

.navbar-nav ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	white-space: nowrap
}

.navbar-nav ul li {
	padding: 4px 0px 0px 0px;
	margin-right: 37px
}

.navbar-nav ul li a {
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle
}

.navbar-nav ul li.active {
	border-bottom: 1px solid #fff
}

.nav-mobile {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 1;
	top: 0px;
	right: 0;
	width: 40%;
	height: 100%;
	margin: 0 auto;
	background: #333
}

@media only all and (max-width: 1024px) {
	.nav-mobile {
		display: block
	}
}

.nav-mobile ul {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	*zoom: 1;
	background: #333
}

.nav-mobile ul li {
	border-bottom: 1px solid #4D4D4D
}

.nav-mobile ul a {
	width: 100%;
	height: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 26px;
	padding-right: 0px;
	display: inline-block;
	color: #fff;
	cursor: pointer
}

.nav-mobile.on {
	opacity: 1;
	z-index: 99
}

.nav-mobile ul li.active {
	background-color: #4D4D4D
}

.navbar-contact {
	float: right;
	height: 35px
}

.navbar-contact-ul {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	*zoom: 1
}

.navbar-contact-ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	white-space: nowrap
}

#navbar-contact-qq {
	background-image: url('../images/topqq_icon.png?1512537663');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	height: 35px;
	width: 27px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-size: auto
}

#navbar-contact-qq:hover {
	background-image: fasle
}

#navbar-contact-weibo {
	background-image: url('../images/topweibo_icon.png?1512537687');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	height: 35px;
	width: 27px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-size: auto
}

#navbar-contact-weibo:hover {
	background-image: fasle
}

#navbar-contact-tel {
	background-image: url('../images/toptel.png?1512537699');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	height: 35px;
	width: 27px;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	background-size: auto;
	margin-left: -3px
}

#navbar-contact-tel:hover {
	background-image: fasle
}

.navbar-contact-phone-number {
	cursor: text;
	vertical-align: middle;
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	margin-left: -4px
}

.header .container {
	width: 90% !important;
	height: 60px !important;
	margin: 0 auto
}

@media only all and (max-width: 640px) {
	.header .container {
		height: 40px !important
	}
}

.header-d {
	background-color: #333
}

.header-d .container {
	background: none
}

@media only all and (max-width: 640px) {
	.header-d {
		background: #333
	}
}

@-webkit-keyframes moveNavIn {
	0% {
		-webkit-transform: translateX(-40%);
		-moz-transform: translateX(-40%);
		-ms-transform: translateX(-40%);
		transform: translateX(-40%);
		display: none
	}

	100% {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		display: block
	}
}

@-webkit-keyframes moveNavOut {
	0% {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		display: block
	}

	100% {
		-webkit-transform: translateX(-40%);
		-moz-transform: translateX(-40%);
		-ms-transform: translateX(-40%);
		transform: translateX(-40%);
		display: none
	}
}

.wrapper {
	position: relative;
	z-index: 2;
	background: #fff
}

.wrapper.animate {
	-webkit-animation: moveNavIn 0.3s forwards;
	-moz-animation: moveNavIn 0.3s forwards;
	-o-animation: moveNavIn 0.3s forwards;
	animation: moveNavIn 0.3s forwards
}

.wrapper.on {
	-webkit-animation: moveNavOut 0.3s forwards;
	-moz-animation: moveNavOut 0.3s forwards;
	-o-animation: moveNavOut 0.3s forwards;
	animation: moveNavOut 0.3s forwards
}

.shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0.6
}

.fContact p,.fContact p span {
	color: #9d9d9d;
	margin: 0
}

.footer {
	background-color: #393939;
	height: 250px;
	height: 270px;
	width: 100%;
	margin: 0 auto;
	margin-top: -20px;
	min-width: 1024px;
	padding-bottom: 40px
}

.footer .flink {
	line-height: 30px;
	width: 1540px;
	margin: 0 auto;
	color: #C1C1C1
}

.footer .flink .fl {
	color: #fff;
	float: left
}

.flink a {
	color: #fff
}

.flink a:hover {
	text-decoration: underline
}

.flink .frule {
	color: #888;
	padding: 0 8px 0 6px
}

.footer .footerWrap {
	width: 75%;
	margin: 0 auto;
	padding-top: 60px
}

.footer .fContact {
	line-height: 20px;
	color: #9d9d9d;
	float: left
}

.fContact .ftel {
	font-size: 18px
}

.fContact .ftel:hover {
	color: #fff
}

.fContact .fsns {
	width: 180px;
	height: 24px;
	padding-bottom: 12px
}

.fContact .fsns a {
	padding-right: 12px;
	float: left
}

.fContact .fsns a.fqq,a.fweibo,a.fweixin,a.frss {
	height: 24px;
	width: 24px;
	display: block
}

.fContact .fsns a.fqq {
	background: url(../images/fqq_icon.png) no-repeat
}

.fContact .fsns a.fweibo {
	background: url(../images/fweibo_icon.png) no-repeat
}

.fContact .fsns a.fweixin {
	background: url(../images/fweixin_icon.png) no-repeat
}

.fContact .fsns a.frss {
	background: url(../images/frss_icon.png) no-repeat
}

.fContact .fctxt {
	clear: left
}

.footer .footerNav {
	float: right;
	overflow: hidden
}

.footerNav li.fNav {
	float: left;
	margin-left: 40px
}

.footerNav li.fNav a.fnavmain {
	line-height: 24px;
	font-size: 15px;
	color: #B8B8B8;
	margin-bottom: 12px
}

.footerNav li.fNav a.fnavmain:hover {
	color: #fff;
	text-decoration: underline
}

.footerNav li.fNav a {
	color: #999;
	display: block
}

.footerNav li ul li {
	line-height: 20px
}

.footerNav li ul li a {
	font-size: 11px
}

.footerNav li a:hover {
	color: #fff
}

.footer {
	color: #9d9d9d;
	position: relative
}

@media only all and (max-width: 1024px) {
	.footer {
		min-width: 0;
		width: 100%
	}
}

.footer-top {
	padding: 8px;
	font-size: 13px;
	background-color: #4f4f4f
}

.footer-top span {
	display: none
}

.footer-bottom {
	*zoom: 1;
	background-color: #393939;
	padding: 30px 0
}

.footer-bottom:after {
	content: "";
	display: table;
	clear: both
}

.contact {
	float: left;
	font-size: 14px
}

.contact p {
	line-height: 21px
}

.contact-tel {
	font-size: 20px
}

.footer-nav {
	float: right
}

.footer-nav-list {
	font-weight: bold
}

@media only all and (max-width: 1024px) {
	.footer-nav-list {
		font-weight: normal
	}
}

.footer-nav-title {
	line-height: 24px;
	font-size: 15px;
	color: #B8B8B8;
	margin-bottom: 12px
}

.footer-nav-inner-list-item {
	color: #999;
	font-size: 12px;
	line-height: 20px
}

.footer .footerWrap {
	width: 75%;
	padding-top: 45px
}

@media only all and (max-width: 1600px) {
	.footer .footerWrap {
		width: 85%;
		margin: 0 auto
	}
}

@media only all and (max-width: 1280px) {
	.footer .footerWrap {
		width: 80%
	}
}

@media only all and (max-width: 1024px) {
	.footer .footerWrap {
		width: 100%
	}
}

@media only all and (max-width: 640px) {
	.footer .footerWrap {
		width: 90%;
		position: relative;
		overflow: hidden
	}
}

@media only all and (max-width: 414px) {
	.footer .footerWrap {
		padding-top: 5px
	}
}

@media only all and (max-width: 375px) {
	.footer .footerWrap {
		min-width: 319px
	}
}

@media only all and (max-width: 320px) {
	.footer .footerWrap {
		width: 100%
	}
}

.footer .flink {
	overflow: hidden;
	*zoom: 1;
	width: 75%;
	margin: 0 auto;
	border-bottom: 1px #4d4d4d solid;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #929292
}

@media only all and (max-width: 1600px) {
	.footer .flink {
		width: 85%
	}
}

@media only all and (max-width: 1280px) {
	.footer .flink {
		width: 80%
	}
}

@media only all and (max-width: 1024px) {
	.footer .flink {
		width: 90%;
		min-width: 0px
	}
}

@media only all and (max-width: 768px) {
	.footer .flink {
		min-width: 0px
	}
}

@media only all and (max-width: 480px) {
	.footer .flink {
		width: 90%;
		min-width: 319px
	}
}

.footer .flink .fr {
	float: left;
	margin-right: 2%
}

@media only all and (max-width: 1024px) {
	.footer .flink .fr {
		font-size: 12px
	}
}

@media only all and (max-width: 640px) {
	.footer .flink .fr {
		margin-right: 0
	}
}

@media only all and (max-width: 375px) {
	.footer .flink .fr {
		width: 70%
	}
}

.fContact .fsns {
	display: none
}

@media only all and (max-width: 320px) {
	.fContact .fsns {
		display: none
	}
}

@media only all and (max-width: 1024px) {
	.footer .fContact {
		position: absolute;
		top: 29%;
		left: 5%
	}
}

@media only all and (max-width: 768px) {
	.footer .fContact {
		top: 33%
	}
}

@media only all and (max-width: 640px) {
	.footer .fContact {
		position: relative;
		left: 0;
		margin-left: 0;
		font-size: 12px
	}
}

@media only all and (max-width: 320px) {
	.footer .fContact {
		top: 55%;
		font-size: 12px
	}
}

@media only all and (max-width: 1024px) {
	.footerNav {
		display: none
	}
}

.footerNav .follow {
	width: 70px;
	overflow: hidden
}

.footerNav .follow a {
	display: block;
	width: 30px;
	height: 30px
}

.footerNav .follow a.sina {
	float: left;
	background: url(../images/follow.png) left center no-repeat
}

.footerNav .follow a.sina:hover {
	background: url(../images/follow_on.png) left center no-repeat
}

.footerNav .follow a.wechat {
	float: right;
	background: url(../images/follow.png) right center no-repeat
}

.footerNav .follow a.wechat:hover {
	background: url(../images/follow_on.png) right center no-repeat
}

.back-top {
	display: none;
	width: 50px;
	height: 50px;
	background: url(../images/top.png) top center no-repeat;
	cursor: pointer;
	position: fixed;
	bottom: 45px;
	right: 20px
}

.back-top:hover {
	background: url(../images/top.png) bottom center no-repeat
}

.footerNav-small {
	display: none;
	width: 80px;
	position: absolute;
	top: 25%;
	right: 36%;
	font-size: 14px;
	font-weight: bolder
}

.footerNav-small li {
	padding-top: 10px
}

.footerNav-small li a {
	color: #999;
	cursor: pointer
}

@media only all and (max-width: 1024px) {
	.footerNav-small {
		display: block;
		top: 27%;
		right: 17%
	}
}

@media only all and (max-width: 768px) {
	.footerNav-small {
		right: 20%
	}
}

@media only all and (max-width: 640px) {
	.footerNav-small {
		top: 11%;
		left: 15%;
		display: none
	}
}

@media only all and (max-width: 320px) {
	.footerNav-small {
		top: 17%;
		left: 7%
	}
}

.phone-foot {
	display: none
}

@media only all and (max-width: 1024px) {
	.phone-foot {
		display: block;
		margin-right: 1%
	}
}

@media only all and (max-width: 640px) {
	.phone-foot {
		margin-right: 0px
	}
}

@media only all and (max-width: 1024px) {
	.phone-foot .phone-fnav {
		display: block
	}
}

@media only all and (max-width: 640px) {
	.phone-foot .phone-fnav {
		float: right
	}
}

@media only all and (max-width: 320px) {
	.phone-foot .phone-fnav {
		float: left
	}
}

@media only all and (max-width: 640px) {
	.phone-foot .phone-fnav .fNav {
		margin-left: 0;
		float: right
	}
}

@media only all and (max-width: 375px) {
	.phone-foot .phone-fnav .fNav {
		margin-left: 0px
	}
}

.back-top-p {
	display: none;
	width: 50px;
	height: 50px;
	background: url(../images/top.png) top center no-repeat;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 50px
}

@media only all and (max-width: 640px) {
	.back-top-p {
		display: block;
		right: 0
	}
}

@media only all and (max-width: 320px) {
	.back-top-p {
		bottom: 50px
	}
}

body {
	overflow-x: hidden;
	position: relative
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: #fff
}

.loading img {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px
}

@media only all and (max-width: 1280px) {
	.contact-weibo {
		display: none !important
	}
}

@media only all and (max-width: 1280px) {
	.contact-qq {
		display: none !important
	}
}

.container {
	width: 1024px
}

.paboutus {
	width: 1024px;
	margin: 0 auto
}

.pc {
	text-align: center
}

.pl {
	text-align: left
}

.pr {
	text-align: right
}

.fc {
	margin: 0 auto
}

.red {
	color: #E83828
}

.mln {
	margin-left: 0px !important
}

.pageContent {
	padding-top: 120px;
	margin: 0px;
	padding-bottom: 0px
}

@media only all and (max-width: 640px) {
	.pageContent {
		padding-top: 80px
	}
}

.pageContent .pageTitle1 {
	font-size: 50px;
	color: #666
}

@media only all and (max-width: 768px) {
	.pageContent .pageTitle1 {
		font-size: 35px
	}
}

.pageContent .pageTitle6 {
	font-size: 22px;
	color: #777
}

@media only all and (max-width: 640px) {
	.pageContent .pageTitle6 {
		font-size: 26px
	}
}

.pageContent .pTitle4 {
	margin-bottom: 10px;
	color: #666;
	text-transform: Uppercase
}

.pageContent .pTitle5 {
	font-size: 22px;
	color: #666
}

@media only all and (max-width: 768px) {
	.pageContent .pTitle5 {
		font-size: 18px
	}
}

.pageContent .pslogan {
	color: #666;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 40px
}

.pageContent .pageTitle2 {
	padding-top: 20px;
	font-size: 50px;
	color: #666
}

@media only all and (max-width: 768px) {
	.pageContent .pageTitle2 {
		font-size: 35px
	}
}

.pageContent .jobtxtcon,.pageContent .jobtxtcon2 {
	width: 1024px;
	margin: 0 auto;
	line-height: 24px;
	font-size: 14px;
	padding-top: 30px
}

@media only all and (max-width: 1024px) {
	.pageContent .jobtxtcon,.pageContent .jobtxtcon2 {
		width: 100%
	}
}

@media only all and (max-width: 740px) {
	.pageContent .jobtxtcon,.pageContent .jobtxtcon2 {
		padding-top: 10px
	}
}

@media only all and (max-width: 640px) {
	.pageContent .jobtxtcon,.pageContent .jobtxtcon2 {
		width: 85%
	}
}

.pageContent .jobtxtcon {
	text-align: center
}

.pageContent .jobtxtcon2 {
	height: 190px
}

@media only all and (max-width: 1024px) {
	.pageContent .pslogan {
		font-size: 18px
	}
}

@media only all and (max-width: 768px) {
	.pageContent .pslogan {
		font-size: 16px
	}
}

@media only all and (max-width: 640px) {
	.pageContent .pslogan {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 30px
	}
}

@media only all and (max-width: 320px) {
	.pageContent .pslogan {
		font-size: 12px;
		padding: 0 25px;
		line-height: 20px;
		margin-top: 20px;
		margin-bottom: 25px
	}
}

@media only all and (max-width: 1024px) {
	.pageConten .pageTitle6 {
		font-size: 14px
	}
}

@media only all and (max-width: 1024px) {
	.pageContent .pTitle4 img {
		width: 24%
	}
}

@media only all and (max-width: 640px) {
	.pageContent .pTitle4 {
		display: none
	}
}

@media only all and (max-width: 320px) {
	.pageContent .pTitle4 {
		display: none
	}
}

@media only all and (max-width: 640px) {
	.pageContent .plTitle4 {
		display: none
	}
}

.morn_btn {
	width: 160px;
	height: 35px;
	line-height: 35px;
	background: #d2d2d2;
	color: #666;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px
}

.bno {
	border: 0px !important
}

@media only all and (max-width: 1024px) {
	#BDBridgeWrap {
		display: none !important
	}
}

@media only all and (max-width: 1024px) {
	#IconContainer {
		display: none !important
	}
}

@media only all and (max-width: 320px) {
	#IconContainer {
		display: none !important
	}
}

#ScrollToTop {
	cursor: pointer;
	position: fixed;
	_position: absolute;
	z-index: 4;
	right: 80px;
	bottom: -10px;
	width: 50px;
	display: block;
	height: 30px;
	*height: 59px;
	padding: 20px 20px 39px 0px;
	-moz-transition: bottom 250ms linear-out;
	-webkit-transition: bottom 250ms linear-out
}

@media only all and (max-width: 1024px) {
	#ScrollToTop {
		display: none
	}
}

#ScrollToTop.Offscreen {
	bottom: -100px;
	-moz-transition-duration: 250ms;
	-webkit-transition-duration: 250ms
}

.Button2.WhiteButton {
	border: 0px;
	background: url(../images/backtotop.png) no-repeat -4px -9px
}

.Button2.WhiteButton:hover {
	background: url(../images/backtotop.png) no-repeat -4px -58px
}

.Button2.WhiteButton:active {
	background: url(../images/backtotop.png) no-repeat -4px -58px
}

.on-contact {
	display: none;
	width: 40px;
	height: 152px;
	line-height: 50px;
	cursor: pointer;
	background: url(../images/pr_contact.png) no-repeat 0 0;
	right: 0px;
	top: 40%;
	position: fixed;
	overflow: hidden;
	z-index: 999999;
	zoom: 1
}

.on-contact a {
	color: #696969;
	padding-left: 40px;
	width: 40px;
	height: 152px;
	display: block
}

.page_rnav {
	top: 43%;
	*top: 41%;
	right: 40px;
	z-index: 100;
	position: fixed;
	_position: absolute;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight/2-65)))
}

.page_rnav li {
	margin-bottom: 8px;
	text-align: left;
	background: url(../images/pageroll_mav_ico2.png) no-repeat center left;
	width: 76px;
	padding-left: 20px;
	display: block;
	height: 20px;
	color: #6F6F6F;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px
}

.page_rnav a:hover li {
	background: url(../images/pageroll_mav_ico1.png) no-repeat center left;
	color: #E83828
}

.page_rnav a:hover {
	border: none
}

.page_rnav .current {
	color: #E83828;
	background: url(../images/pageroll_mav_ico1.png) no-repeat center left
}

.page_rnav2 {
	top: 41%;
	*top: 39%;
	right: 70px;
	z-index: 100;
	position: fixed;
	_position: absolute;
	_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop+(document.documentElement.clientHeight/2-65)))
}

.page_rnav2 li {
	margin-bottom: 8px;
	text-align: left;
	background: url(../images/pageroll_mav_ico2.png) no-repeat center left;
	width: 76px;
	padding-left: 20px;
	display: block;
	height: 20px;
	color: #6F6F6F;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px
}

.page_rnav2 a:hover li {
	background: url(../images/pageroll_mav_ico1.png) no-repeat center left;
	color: #E83828
}

.page_rnav2 a:hover {
	border: none
}

.page_rnav2 .current {
	color: #E83828;
	background: url(../images/pageroll_mav_ico1.png) no-repeat center left
}

@media only all and (max-width: 1440px) {
	.page_rnav,.page_rnav2 {
		right: 30px
	}
}

@media only all and (max-width: 1280px) {
	.page_rnav,.page_rnav2 {
		display: none
	}
}

@media only all and (max-width: 1024px) {
	.page_rnav,.page_rnav2 {
		display: none
	}
}

.navList li .mu_cur {
	padding-top: 6px;
	background: url(../images/topnavli_bghover.png) no-repeat
}

.L_mu_subnav {
	background: url(../images/topnav_bg.png) repeat;
	width: 100%;
	height: 385px;
	position: absolute;
	margin-top: 58px;
	padding-top: 18px;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	overflow: hidden;
	display: none
}

@media only all and (max-width: 1024px) {
	.L_mu_subnav {
		display: none
	}
}

.L_mu_subnav .mu_2 {
	width: 1024px;
	margin: 0 auto;
	padding-left: 90px
}

#proNav .panel {
	width: 204px;
	min-height: 163px;
	height: auto !important;
	*_height: 163px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 20px
}

#proNav .panel h3 {
	font-size: 14px;
	color: #B6B6B6;
	margin-bottom: 10px;
	border-bottom: 1px solid #828282;
	padding-bottom: 7px;
	padding-left: 60px;
	line-height: 50px;
	background: url(../images/topnav_bg_icon.png) no-repeat
}

#proNav .panel h3:hover {
	background: url(../images/topnav_bg_iconhover.png) no-repeat
}

#proNav .panel h3:hover a {
	color: #EF5345;
	border-bottom: 1px solid #EF5345
}

#proNav .panel h3.topicon1 {
	background-position: 0px 0px
}

#proNav .panel h3.topicon1:hover {
	background-position: 0px 0px
}

#proNav .panel h3.topicon2 {
	background-position: -205px 0px
}

#proNav .panel h3.topicon2:hover {
	background-position: -205px 0px
}

#proNav .panel h3.topicon3 {
	background-position: -410px 0px
}

#proNav .panel h3.topicon3:hover {
	background-position: -410px 0px
}

#proNav .panel h3.topicon4 {
	background-position: 0px -66px
}

#proNav .panel h3.topicon4:hover {
	background-position: 0px -66px
}

#proNav .panel h3.topicon5 {
	background-position: -205px -66px
}

#proNav .panel h3.topicon5:hover {
	background-position: -205px -66px
}

#proNav .panel h3.topicon6 {
	background-position: -410px -66px
}

#proNav .panel h3.topicon6:hover {
	background-position: -410px -66px
}

#proNav .panel h3 a {
	color: #B6B6B6;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0
}

#proNav .panel h3 a:hover {
	color: #EF5345
}

#proNav .panel li {
	font-size: 13px;
	line-height: 25px;
	padding-left: 3px
}

#proNav .panel li:hover {
	background-color: #EF5345
}

#proNav .panel li:hover a {
	color: #fff
}

#proNav .panel li a {
	color: #A5A5A5;
	-moz-transition: 0;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0
}

#proNav .panel li a:hover {
	color: #fff
}

.navbar-nav li:hover {
	border-bottom: 1px solid #fff
}

.service-item a:visited {
	color: #585858
}

.ma_list a:visited {
	color: #585858
}

.footerNav-small a:visited {
	color: #999 !important
}