﻿@charset "utf-8";

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {

	margin: 0;

	padding: 0

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

fieldset, img {

	border: 0;

	vertical-align: top

}

address, caption, cite, code, dfn, em, optgroup, var {

	font-style: inherit;

	font-weight: inherit

}

del, ins {

	text-decoration: none

}

li {

	list-style: none

}

caption, th {

	text-align: left

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: 400

}

q:after, q:before {

	content: ''

}

abbr, acronym {

	border: 0;

	font-variant: normal

}

sup {

	vertical-align: baseline

}

sub {

	vertical-align: baseline

}

legend {

	color: #000

}

button, input, optgroup, option, select, textarea {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit;

	outline: 0

}

a {

	text-decoration: none;

	color: #333

}

@font-face {

	font-family: iconfont;

	src: url(../fonts/iconfont.eot);

	src: url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg#iconfont) format('svg')

}

.font {

	font-family: iconfont!important;

	font-size: 16px;

	font-style: normal;

	-webkit-font-smoothing: antialiased;

	-webkit-text-stroke-width: .2px;

	-moz-osx-font-smoothing: grayscale

}

body {

	font-family: "微软雅黑";

	font-size: 14px;

	color: #333

}

::-webkit-scrollbar {

width:8px;

background-color:#006eff

}

::-webkit-scrollbar-thumb {

width:8px;

background-color:#aeaeae

}

::-webkit-scrollbar-track-piece {

width:8px;

background-color:#f8f8f8

}

::-webkit-scrollbar-thumb:hover {

width:8px;

background-color:#006eff

}

.kefu_q3 .bor-ul:after, .n-back-1:after, .n-back:after, .news-list:after, .view:after, .zhaopin li:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: ".";

	clear: both;

	height: 0;

	line-height: 0;

	overflow: hidden

}

.ht {

	font-family: '黑体'!important

}

.ar {

	font-family: Arial!important

}

.st {

	font-family: '宋体'!important

}

.blod {

	font-weight: 700!important

}

.nobold {

	font-weight: 400!important

}

.upper {

	text-transform: uppercase

}

.t-color {

	color: #75c01f

}

.f10 {

	font-size: 10px

}

.f11 {

	font-size: 11px

}

.f13 {

	font-size: 13px

}

.f14 {

	font-size: 14px

}

.f15 {

	font-size: 15px

}

.f16 {

	font-size: 16px

}

.f17 {

	font-size: 17px

}

.f18 {

	font-size: 18px

}

.f19 {

	font-size: 19px

}

.f20 {

	font-size: 20px

}

.f21 {

	font-size: 21px

}

.f22 {

	font-size: 22px

}

.f23 {

	font-size: 23px

}

.f24 {

	font-size: 24px

}

.f25 {

	font-size: 25px

}

.f30 {

	font-size: 30px

}

.f36 {

	font-size: 36px

}

.f40 {

	font-size: 40px

}

.f50 {

	font-size: 50px

}

.f60 {

	font-size: 60px

}

.white, .white a {

	color: #fff

}

.yellow, .yellow a {

	color: #ff0

}

.blue, .blue a {

	color: #00f

}

.red, .red a {

	color: red

}

.a66 {

	color: #666

}

.a99 {

	color: #999

}

.a28 {

	color: #282828

}

.hg1, .hg10, .hg11, .hg12, .hg13, .hg14, .hg15, .hg16, .hg17, .hg18, .hg19, .hg20, .hg23, .hg25, .hg26, .hg28, .hg30, .hg35, .hg38, .hg40, .hg42, .hg44, .hg45, .hg48, .hg5, .hg50, .hg55, .hg6, .hg60, .hg65, .hg683, .hg7, .hg70, .hg75, .hg8, .hg80, .hg9 {

	width: 100%;

	clear: both

}

.hg1 {

	height: 1px

}

.hg5 {

	height: 5px

}

.hg6 {

	height: 6px

}

.hg7 {

	height: 7px

}

.hg8 {

	height: 8px

}

.hg9 {

	height: 9px

}

.hg10 {

	height: 10px

}

.hg11 {

	height: 11px

}

.hg12 {

	height: 12px

}

.hg13 {

	height: 13px

}

.hg14 {

	height: 14px

}

.hg15 {

	height: 15px

}

.hg16 {

	height: 16px

}

.hg17 {

	height: 17px

}

.hg18 {

	height: 18px

}

.hg19 {

	height: 19px

}

.hg20 {

	height: 20px

}

.hg22 {

	height: 22px

}

.hg23 {

	height: 23px

}

.hg25 {

	height: 25px

}

.hg26 {

	height: 26px

}

.hg28 {

	height: 28px

}

.hg30 {

	height: 30px

}

.hg35 {

	height: 35px

}

.hg38 {

	height: 38px

}

.hg40 {

	height: 40px

}

.hg42 {

	height: 42px

}

.hg44 {

	height: 44px

}

.hg45 {

	height: 45px

}

.hg48 {

	height: 48px

}

.hg50 {

	height: 50px

}

.hg55 {

	height: 50px

}

.hg60 {

	height: 60px

}

.hg65 {

	height: 65px

}

.hg70 {

	height: 70px

}

.hg75 {

	height: 75px

}

.hg80 {

	height: 80px

}

.hg683 {

	height: 683px

}

.line18 {

	line-height: 18px

}

.line20 {

	line-height: 20px

}

.line22 {

	line-height: 22px

}

.line24 {

	line-height: 24px

}

.line25 {

	line-height: 25px

}

.width100 {

	width: 100%

}

.wul105 {

	width: 105%

}

.wul110 {

	width: 110%

}

.width500 {

	width: 500px

}

.kwidth, .main, .wrap {

	width: 1150px;

	height: 100%;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	padding-bottom: 25px

}

.nocontainer {

	width: 1150px;

	height: 100%;

	margin: 0 auto;

	position: relative;

	padding-bottom: 15px

}

.kwidth.nopd, .nocontainer.nopd {

	padding-bottom: 0!important

}

.width783 {

	width: 783px;

	margin: 0 auto

}

.width832 {

	width: 832px;

	margin: 0 auto

}

.width945 {

	width: 945px;

	margin: 0 auto

}

.width956 {

	width: 956px;

	margin: 0 auto

}

#usezan-v2 {

	min-width: 1150px;

	margin: 0 auto

}

#usezan-v2 .section.active {

	display: block

}

#usezan-v2.slideon .section {

	display: block!important

}

#usezan-v2 .section {

	display: none

}

.section {

	min-width: 1150px;

	height: 100%;

	margin: 0 auto;

	overflow: hidden!important

}

.anim1s {

	-webkit-animation-delay: .1s;

	-moz-animation-delay: .1s;

	-ms-animation-delay: .1s;

	animation-delay: .1s

}

.anim2s {

	-webkit-animation-delay: .2s;

	-moz-animation-delay: .2s;

	-ms-animation-delay: .2s;

	animation-delay: .2s

}

.anim3s {

	-webkit-animation-delay: .3s;

	-moz-animation-delay: .3s;

	-ms-animation-delay: .3s;

	animation-delay: .3s

}

.anim4s {

	-webkit-animation-delay: .4s;

	-moz-animation-delay: .4s;

	-ms-animation-delay: .4s;

	animation-delay: .4s

}

.anim5s {

	-webkit-animation-delay: .5s;

	-moz-animation-delay: .5s;

	-ms-animation-delay: .5s;

	animation-delay: .5s

}

.anim6s {

	-webkit-animation-delay: .6s;

	-moz-animation-delay: .6s;

	-ms-animation-delay: .6s;

	animation-delay: .6s

}

.anim7s {

	-webkit-animation-delay: .7s;

	-moz-animation-delay: .7s;

	-ms-animation-delay: .7s;

	animation-delay: .7s

}

.anim8s {

	-webkit-animation-delay: .8s;

	-moz-animation-delay: .8s;

	-ms-animation-delay: .8s;

	animation-delay: .8s

}

.anim9s {

	-webkit-animation-delay: .9s;

	-moz-animation-delay: .9s;

	-ms-animation-delay: .9s;

	animation-delay: .9s

}

.anim10s {

	-webkit-animation-delay: 1s;

	-moz-animation-delay: 1s;

	-ms-animation-delay: 1s;

	animation-delay: 1s

}

.anim11s {

	-webkit-animation-delay: 1.1s;

	-moz-animation-delay: 1.1s;

	-ms-animation-delay: 1.1s;

	animation-delay: 1.1s

}

.anim12s {

	-webkit-animation-delay: 1.2s;

	-moz-animation-delay: 1.2s;

	-ms-animation-delay: 1.2s;

	animation-delay: 1.2s

}

.anim13s {

	-webkit-animation-delay: 1.3s;

	-moz-animation-delay: 1.3s;

	-ms-animation-delay: 1.3s;

	animation-delay: 1.3s

}

.anim14s {

	-webkit-animation-delay: 1.4s;

	-moz-animation-delay: 1.4s;

	-ms-animation-delay: 1.4s;

	animation-delay: 1.4s

}

.anim15s {

	-webkit-animation-delay: 1.5s;

	-moz-animation-delay: 1.5s;

	-ms-animation-delay: 1.5s;

	animation-delay: 1.5s

}

.anim16s {

	-webkit-animation-delay: 1.6s;

	-moz-animation-delay: 1.6s;

	-ms-animation-delay: 1.6s;

	animation-delay: 1.6s

}

.anim17s {

	-webkit-animation-delay: 1.7s;

	-moz-animation-delay: 1.7s;

	-ms-animation-delay: 1.7s;

	animation-delay: 1.7s

}

.anim18s {

	-webkit-animation-delay: 1.8s;

	-moz-animation-delay: 1.8s;

	-ms-animation-delay: 1.8s;

	animation-delay: 1.8s

}

.anim19s {

	-webkit-animation-delay: 1.9s;

	-moz-animation-delay: 1.9s;

	-ms-animation-delay: 1.9s;

	animation-delay: 1.9s

}

.anim20s {

	-webkit-animation-delay: 2s;

	-moz-animation-delay: 2s;

	-ms-animation-delay: 2s;

	animation-delay: 2s

}

.clear {

	width: 100%;

	clear: both

}

.fl {

	float: left

}

.fr {

	float: right

}

.hide {

	display: none

}

.block {

	display: block

}

.text-left {

	text-align: left!important

}

.text-center {

	text-align: center!important

}

.text-right {

	text-align: right!important

}

.tl {

	text-align: left

}

.tc {

	text-align: center

}

.tr {

	text-align: right

}

.bc {

	margin-left: 0;

	margin-right: 0

}

.cl {

	clear: left

}

.cr {

	clear: right

}

.vm {

	vertical-align: middle

}

.pr {

	position: relative

}

.pa {

	position: absolute

}

.abs-right {

	position: absolute;

	right: 0

}

.zoom {

	zoom: 1

}

.hidden {

	visibility: hidden

}

.none {

	display: none

}

.bbor {

	border-bottom: 1px solid #f0f0f0

}

i.bor {

	display: block;

	width: 100%;

	min-width: 1180px;

	height: 1px;

	background: #f0f0f0

}

.m10 {

	margin: 10px

}

.m15 {

	margin: 15px

}

.m30 {

	margin: 30px

}

.mt5 {

	margin-top: 5px

}

.mt8 {

	margin-top: 8px

}

.mt10 {

	margin-top: 10px

}

.mt15 {

	margin-top: 15px

}

.mt20 {

	margin-top: 20px

}

.mt25 {

	margin-top: 25px

}

.mt30 {

	margin-top: 30px

}

.mt35 {

	margin-top: 35px

}

.mt45 {

	margin-top: 45px

}

.mt50 {

	margin-top: 50px

}

.mt55 {

	margin-top: 55px

}

.mt60 {

	margin-top: 60px

}

.mt80 {

	margin-top: 80px

}

.mt100 {

	margin-top: 100px

}

.mb5 {

	margin-bottom: 5px

}

.mb8 {

	margin-bottom: 8px

}

.mb10 {

	margin-bottom: 10px

}

.mb15 {

	margin-bottom: 15px

}

.mb20 {

	margin-bottom: 20px

}

.mb25 {

	margin-bottom: 25px

}

.mb30 {

	margin-bottom: 30px

}

.mb35 {

	margin-bottom: 35px

}

.mb45 {

	margin-bottom: 45px

}

.mb50 {

	margin-bottom: 50px

}

.mb55 {

	margin-bottom: 55px

}

.mb100 {

	margin-bottom: 100px

}

.ml5 {

	margin-left: 5px

}

.ml10 {

	margin-left: 10px

}

.ml15 {

	margin-left: 15px

}

.ml20 {

	margin-left: 20px

}

.ml30 {

	margin-left: 30px

}

.ml35 {

	margin-left: 35px

}

.ml50 {

	margin-left: 50px

}

.ml100 {

	margin-left: 100px

}

.mr5 {

	margin-right: 5px

}

.mr10 {

	margin-right: 10px

}

.mr15 {

	margin-right: 15px

}

.mr20 {

	margin-right: 20px

}

.mr30 {

	margin-right: 30px

}

.mr35 {

	margin-right: 35px

}

.mr50 {

	margin-right: 50px

}

.mr100 {

	margin-right: 100px

}

.pt0 {

	padding-top: 0!important

}

.pt5 {

	padding-top: 5px

}

.pt8 {

	padding-top: 8px

}

.pt10 {

	padding-top: 10px

}

.pt15 {

	padding-top: 15px

}

.pt18 {

	padding-top: 18px

}

.pt20 {

	padding-top: 20px

}

.pt25 {

	padding-top: 25px

}

.pt28 {

	padding-top: 28px

}

.pt30 {

	padding-top: 30px

}

.pt35 {

	padding-top: 35px

}

.pt40 {

	padding-top: 40px

}

.pt45 {

	padding-top: 45px

}

.pt50 {

	padding-top: 50px

}

.pt55 {

	padding-top: 55px

}

.pt60 {

	padding-top: 60px

}

.pt65 {

	padding-top: 65px

}

.pt70 {

	padding-top: 70px

}

.pt75 {

	padding-top: 75px

}

.pt80 {

	padding-top: 80px

}

.pb0 {

	padding-bottom: 0!important

}

.pb0 {

	padding-bottom: 0!important

}

.pb3 {

	padding-bottom: 3px

}

.pb5 {

	padding-bottom: 5px

}

.pb8 {

	padding-bottom: 8px

}

.pb10 {

	padding-bottom: 10px!important

}

.pb15 {

	padding-bottom: 15px!important

}

.pb20 {

	padding-bottom: 20px!important

}

.pb25 {

	padding-bottom: 25px

}

.pb28 {

	padding-bottom: 28px

}

.pb30 {

	padding-bottom: 30px

}

.pb35 {

	padding-bottom: 35px

}

.pb40 {

	padding-bottom: 40px

}

.pb45 {

	padding-bottom: 45px

}

.pb50 {

	padding-bottom: 50px

}

.pb55 {

	padding-bottom: 55px

}

.pb60 {

	padding-bottom: 60px

}

.pb65 {

	padding-bottom: 65px

}

.pb70 {

	padding-bottom: 70px

}

.pb75 {

	padding-bottom: 75px

}

.pb80 {

	padding-bottom: 80px

}

.npt {

	padding-top: 0!important

}

.npb {

	padding-bottom: 0!important

}

.npb20 {

	padding-bottom: 20px!important

}

.pr0 {

	padding-right: 0!important

}

.pr5 {

	padding-right: 5px

}

.pr8 {

	padding-right: 8px

}

.pr10 {

	padding-right: 10px

}

.pr15 {

	padding-right: 15px

}

.pr20 {

	padding-right: 20px

}

.pr25 {

	padding-right: 25px

}

.pr28 {

	padding-right: 28px

}

.pr35 {

	padding-right: 35px

}

.pr40 {

	padding-right: 40px

}

.pr45 {

	padding-right: 45px

}

.pr50 {

	padding-right: 50px

}

.pr55 {

	padding-right: 55px

}

.pr60 {

	padding-right: 60px

}

.pr70 {

	padding-right: 70px

}

.pr75 {

	padding-right: 75px

}

.pr80 {

	padding-right: 80px

}

.pl0 {

	padding-left: 0!important

}

.pl5 {

	padding-left: 5px

}

.pl15 {

	padding-left: 15px

}

.pl8 {

	padding-left: 8px

}

.pl10 {

	padding-left: 10px

}

.pl15 {

	padding-left: 15px

}

.pl20 {

	padding-left: 20px

}

.pl25 {

	padding-left: 25px

}

.pl28 {

	padding-left: 28px

}

.pl35 {

	padding-left: 35px

}

.pl40 {

	padding-left: 40px

}

.pl45 {

	padding-left: 45px

}

.pl50 {

	padding-left: 50px

}

.pl60 {

	padding-left: 60px

}

.pl70 {

	padding-left: 70px

}

.pl75 {

	padding-left: 75px

}

.pl80 {

	padding-left: 80px

}

.header {

	height: 60px;

	width: 100%

}

.fixed {

	width: 100%;

	position: fixed;

	top: -61px;

	z-index: 9999;

	background: #fff;

	border-bottom: 1px solid #f6f6f6

}

.n-fixed {

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 999;

	background: #fff;

	border-bottom: 1px solid #f6f6f6;

	transition: all .2s ease-out;

	-webkit-transition: all .2s ease-out

}

#never {

	top: 0!important

}

#never.fixed {

	border-color: rgba(240,240,240,.5)

}

#drop {

	background: rgba(255,255,255,1)

}

#drop.fixed {

	border-color: rgba(240,240,240,.5)

}

#drop.fixed ul li a {

	color: #fff

}

#nofixed.fixed {

	top: 0;

	border-color: rgba(240,240,240,.5)

}

.logo {

	display: table-cell;

	max-width: 300px;

	height: 60px;

	vertical-align: middle;

	overflow: hidden

}

.logo img {

	vertical-align: middle;

	max-width: 300px;

	max-height: 60px

}

.nav ul li {

	position: relative;

	min-height: 61px;

	text-align: center;

	float: left;

	-webkit-perspective: 60px;

	-moz-perspective: 60px;

	-ms-perspective: 60px;

	perspective: 60px;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d;

	z-index: 9999

}

.nav ul li .nav-one {

	display: block;

	height: 32px;

	line-height: 32px;

	margin-top: 14px;

	padding: 0 20px;

	overflow: hidden

}

.nav ul li, .nav ul li .childer, .nav ul li .childer a, .nav ul li a {

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease;

	-ms-transition: all .4s ease

}

.nav ul li a {

	display: block

}

.nav ul li .childer {

	position: absolute;

	width: 140px;

	height: auto;

	top: 61px;

	left: 0;

	padding-bottom: 5px;

	background: 0 0;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	transform-origin: 0 0;

	-webkit-transform: rotateX(-63deg);

	-moz-transform: rotateX(-63deg);

	-ms-transform: rotateX(-63deg);

	transform: rotateX(-63deg);

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 9999;
	background:rgba(67, 205, 128, 0.8);

}

.nav ul li .childer a {

	height: 35px;

	line-height: 35px;

	text-align: left;

	color: #fff;

	padding-left: 15px;

	border-left-width: 2px;

	border-right-width: 0;

	border-top-width: 0;

	border-bottom-width: 0;

	border-style: solid;

	border-color: transparent

}

.nav ul li .childer a:hover {

	background: #fbfbfb;

	color: #0e94eb;

	border-left-width: 2px;

	border-right-width: 0;

	border-top-width: 0;

	border-bottom-width: 0;

	border-style: solid;

	border-color: #0e94eb

}
.nav ul li:hover {background:rgba(67, 205, 128, 0.8);color: #fff}
.nav ul li:hover .nav-one a {color: #fff}
.nav ul li.on {background:rgba(67, 205, 128, 0.8);}
.nav ul li.on .nav-one a {color: #fff}
.nav ul li:hover .childer {-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.nav.nav_num_0 ul li.on a.cn, .nav.nav_num_1 ul li.on a.cn {margin-top: 0}

.nav.nav_num_0 ul li.on a.cn, .nav.nav_num_0 ul li:hover a.cn, .nav.nav_num_1 ul li.on a.cn, .nav.nav_num_1 ul li:hover a.cn, .nav.nav_num_2 ul li.on .nav-one .en, .nav.nav_num_3 ul li.on .nav-one .en {

	color: #fff!important

}

.nav.nav_num_0 ul li.on .childer, .nav.nav_num_1 ul li.on .childer, .nav.nav_num_2 ul li.on .childer, .nav.nav_num_3 ul li.on .childer {

	-webkit-transform: rotateX(-63deg);

	-moz-transform: rotateX(-63deg);

	-ms-transform: rotateX(-63deg);

	transform: rotateX(-63deg)

}

.nav ul li.on a.cn, .nav.nav_num_2 ul li.on .nav-one .cn, .nav.nav_num_3 ul li.on .nav-one .cn {

	margin-top: -32px

}

.nav.nav_num_0 ul li:hover .childer, .nav.nav_num_1 ul li:hover .childer, .nav.nav_num_2 ul li.on:hover .childer, .nav.nav_num_3 ul li.on:hover .childer {

	-webkit-transform: rotateX(0);

	-moz-transform: rotateX(0);

	-ms-transform: rotateX(0);

	transform: rotateX(0)

}

#navwhite a {

	color: #333!important

}

.banner {

	width: 100%;

	min-width: 1180px;

	overflow: hidden;

	position: relative;

	margin: 0 auto

}

.banner .bd {

	position: relative;

	height: 100%;

	z-index: 0

}

.banner .bd li {

	zoom: 1;

	vertical-align: middle

}

.banner .bd li a {

	width: 100%;

	min-width: 1180px;

	display: block

}

.banner .text {

	width: 700px;

	text-align: center;

	position: absolute;

	top: auto;

	color: #fff

}

.banner .text h5 {

	font-size: 40px;

	padding-bottom: 10px;

	font-weight: 700

}

.banner .text p {

	font-size: 14px;

	line-height: 30px

}

.banner .hd {

	width: 100%;

	height: 15px;

	overflow: hidden;

	position: absolute;

	bottom: 35px;

	z-index: 1;

	text-align: center

}

.banner .hd ul li {

	display: inline-block;

	margin-right: 10px;

	width: 15px;

	height: 15px;

	line-height: 14px;

	text-align: center;

	background: url(../img/slide1-ico.png) no-repeat 0 0;

	cursor: pointer

}

.banner .hd ul li.on {

	background-position: -23px 0

}

.nbanner, .nbanner a {

	width: 100%;

	display: block;

	margin-top: 61px;

	background-repeat: no-repeat;

	background-position: center 61px;

	background-attachment: fixed

}

.swiper-slide {

	min-width: 1180px;

	text-align: center;

	font-size: 18px;

	background: #fff;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center

}

.swiper-slide img {

	display: block;

	max-width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto;
	margin-top:61px;

}

.swiper-container-vertical>.swiper-pagination-bullets {

	right: 3%!important;

	top: 58%!important

}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 15px 0!important

}

.swiper-button-next {

	right: 2%!important;

	background: url(../img/arrow_45.png) no-repeat -105px 0!important

}

.swiper-button-prev {

	left: 2%!important;

	background: url(../img/arrow_45.png) no-repeat 0 0!important

}

.swiper-button-next, .swiper-button-prev {

	width: 45px!important;

	height: 45px!important

}

.swiper-button-next, .swiper-button-next.swiper-button-disabled, .swiper-button-prev, .swiper-button-prev.swiper-button-disabled {

	opacity: 0;

	transition: all .3s ease-in;

	-webkit-transition: all .3s ease-in

}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {

	opacity: 1

}

.swiper-container:hover .swiper-button-next.swiper-button-disabled, .swiper-container:hover .swiper-button-prev.swiper-button-disabled {

	opacity: .35

}

.swiper-pagination-bullet-active {

	background: #fff!important

}

.swiper-pagination-bullet {

	background: #ddd!important;

	opacity: .2

}

.swiper-container-horizontal>.swiper-pagination-bullets {

	bottom: 90px!important

}

.wrapper-intro {

	position: absolute;

	overflow: hidden

}

.wrapper-intro p {

	padding-top: 10px

}

.wrapper-intro p {

	color: #fff

}

.footer-bor {

	width: 100%;

	display: block;

	height: 1px;

	background: #000

}

#back-footer, .back-footer {

	min-width: 1150px;

	padding: 40px 0 30px

}

.footer-1 {

	width: 1150px;

	margin: 0 auto

}

.index-nav-1 a {

	color: #8b8b8b;

	display: inline-block;

	padding: 0 18px;

	background: url(../img/ico-1.png) no-repeat center right

}

.index-nav-1 a:first-child {

	padding-left: 0

}

.index-nav-1 a:last-child {

	background: 0 0

}

.links-1 a {

	padding: 0 3px

}

.js-tj-1 a {

	padding-right: 4px

}

.bq-1, .js-tj-1, .js-tj-1 a, .links-1 a, .links-1 p {

	color: #969696

}

#white-footer .bq-1, #white-footer .js-tj-1, #white-footer .links-1 p, #white-footer a {

	color: #969696;

	opacity: .9;

	filter: alpha(opacity=90)

}

#back-footer .bq-1, #back-footer .js-tj-1, #back-footer .links-1 p, #back-footer a {

	color: #fff;

	opacity: .9;

	filter: alpha(opacity=90)

}

.footer-fixed {

	width: 100%;

	max-height: 42px;

	bottom: 0;

	background: rgba(255,255,255,1);

	z-index: 9999;

	overflow: hidden

}

.max50, .max50 .back-footer, .max50 .white-footer {

	min-width: 50%!important;

	max-width: 50%;

	padding: 14px 0

}

.footer-fixed .shar a {

	width: 24px;

	height: 24px;

	padding-left: 0;

	margin: -4px 0 0 5px;

	display: inline-block;

	float: none;

	background: url(../img/arrow_2.png) no-repeat

}

.footer-fixed .shar a.bds_qzone {

	background-position: -29px 0

}

.footer-fixed .shar a.bds_tsina {

	background-position: 0 0

}

.footer-fixed .shar a.bds_tqq {

	background-position: -57px 0

}

.footer-fixed .back-footer, .footer-fixed .back-footer a {

	color: rgba(255,255,255,.8)

}

.footer-fixed .white-footer, .footer-fixed .white-footer a {

	color: #999

}

.kefu_q1 ul li a.animate, .kefu_q1 ul li:first-child {

	background: url(../img/q1.png) no-repeat

}

.kefu_q1 {

	position: fixed;

	z-index: 101

}

.kefu_q1 ul li {

	position: relative;

	width: 45px;

	height: 45px;

	background: #1b1b1d;

	margin-bottom: 1px

}

.kefu_q1 ul li:first-child {

	height: 50px;

	font-family: Arial;

	background-position: 0 0;

	color: #fff;

	cursor: pointer

}

.kefu_q1 ul li a.animate {

	position: absolute;

	left: 0;

	width: auto;

	height: 45px;

	line-height: 45px;

	color: transparent

}

.kefu_q1 ul li a.animate, .kefu_q1 ul li.q1_code span {

	-webkit-transition: all .2s ease-in;

	-moz-transition: all .2s ease-in;

	-ms-transition: all .2s ease-in;

	transition: all .2s ease-in

}

.kefu_q1 ul li.q1_code span p {

	width: 135px;

	text-align: center;

	font-size: 12px;

	line-height: 15px;

	background: #fff

}

.kefu_q1 ul li.q1_qq a, .kefu_q1 ul li.q1_zx a {

	width: 62px;

	padding-left: 46px

}

.kefu_q1 ul li.q1_qq a {

	background-position: 0 -50px

}

.kefu_q1 ul li.q1_tel a {

	width: 119px;

	padding-left: 46px;

	background-position: 0 -96px

}

.kefu_q1 ul li.q1_zx a {

	background-position: 0 -142px

}

.kefu_q1 ul li.q1_code {

	cursor: pointer;

	background: #1b1b1d url(../img/q1.png) no-repeat 0 -188px

}

.kefu_q1 ul li.q1_code span {

	position: absolute;

	top: -115px;

	left: -147px;

	display: inline-block;

	width: 140px;

	height: 165px;

	display: none;

	background: #fff;

	border: 1px solid #eee

}

.kefu_q1 ul li.q1_code img {

	width: 133px;

	height: 133px;

	padding: 4px

}

.kefu_q1 ul li:first-child:hover {

	background-position: -55px 0

}

.kefu_q1 ul li.q1_qq:hover a, .kefu_q1 ul li.q1_tel:hover a, .kefu_q1 ul li.q1_zx:hover a {

	background: #dd001a url(../img/q1.png) no-repeat

}

.kefu_q1 ul li.q1_qq:hover a {

	color: #fff;

	left: -63px;

	background-position: 0 -50px

}

.kefu_q1 ul li.q1_zx:hover a {

	color: #fff;

	left: -63px;

	background-position: 0 -142px

}

.kefu_q1 ul li.q1_tel:hover a {

	width: 107px;

	padding-left: 57px;

	color: #fff;

	left: -119px;

	background-position: 10px -96px

}

.kefu_q1 ul li.q1_code:hover span {

	display: block

}

.kefu_q2, span.close {

	position: fixed;

	text-align: center;

	z-index: 101

}

.kefu_q2 {

	font-family: Arial;

	font-size: 14px;

	width: 110px;

	height: 370px

}

.kefu_q2 ul li {

	background: url(../img/q2_1.png) no-repeat 0 0

}

.kefu_q2 ul li:first-child {

	height: 113px

}

.kefu_q2 ul li b.b1 {

	padding-top: 18px;

	padding-bottom: 6px;

	display: block

}

.kefu_q2 ul li:nth-of-type(2) {

	font-weight: 700;

	height: 80px;

	line-height: 110px;

	color: #fff;

	background-position: 0 -114px

}

.kefu_q2 ul li:nth-of-type(3) {

	height: 135px;

	background-position: 0 -194px

}

.kefu_q2 ul li:nth-of-type(3) b.b3 {

	display: block;

	padding-top: 9px

}

.kefu_q2 ul li img {

	width: 92px;

	height: 92px;

	padding-top: 10px

}

.kefu_q2 ul li.q2_top {

	cursor: pointer;

	height: 40px;

	background-position: 0 -329px;

	position: relative

}

.kefu_q2 ul li.q2_top a {

	position: absolute;

	display: block;

	width: 16px;

	height: 16px;

	top: 14px

}

.kefu_q2 ul li.q2_top a.get_top {

	left: 36px

}

.kefu_q2 ul li.q2_top a.close-2 {

	left: 64px

}

span.close {

	right: -120%;

	display: block;

	width: 29px;

	height: 84px;

	background: url(../img/q2_1.png) no-repeat -271px 0;

	cursor: pointer

}

.kefu_q2 ul li, .kefu_q2 ul li a {

	-webkit-transition: all .2s ease-in;

	-moz-transition: all .2s ease-in;

	-ms-transition: all .2s ease-in;

	transition: all .2s ease-in

}

.kefu_q2 ul li:first-child:hover {

	background-position: -130px 0

}

.kefu_q2 ul li:first-child:hover a, .kefu_q2 ul li:first-child:hover b, .kefu_q2 ul li:nth-of-type(3):hover b {

	color: #fff

}

.kefu_q2 ul li:nth-of-type(2):hover {

	background-position: -130px -114px

}

.kefu_q2 ul li:nth-of-type(3):hover {

	background-position: -130px -194px

}

.kefu_q3 {

	position: fixed;

	text-align: center;

	z-index: 101

}

.kefu_q3 .default {

	position: absolute;

	cursor: pointer;

	width: 45px;

	height: 131px;

	background: url(../img/q3.png) no-repeat 0 0

}

.default-hide {

	margin-right: -120%

}

.kefu_q3 .ico-bg {

	background: url(../img/q3.png) no-repeat

}

.kefu_q3 .top-1 {

	width: 112px;

	height: 36px;

	background-position: -61px 0

}

.kefu_q3 .top-1 span.colse {

	float: right;

	display: block;

	width: 25px;

	height: 25px;

	cursor: pointer;

	margin-right: 8px

}

.kefu_q3 .bor-ul {

	background: #fff;

	border: 1px solid #f0f0f0;

	border-width: 0 1px

}

.kefu_q3 .bor-ul span.qq-tx {

	display: block;

	width: 67px;

	height: 67px;

	margin: 0 auto;

	background-position: -61px -63px

}

.kefu_q3 .bor-ul span.qq-tx:hover {

	background-position: -153px -63px

}

.kefu_q3 .bor-ul p {

	padding-top: 10px;

	padding-bottom: 10px;

	color: #1e488a;

	font-weight: 700;

	border-bottom: 1px solid #f0f0f0

}

.kefu_q3 .bor-ul li {

	height: 42px;

	line-height: 42px;

	text-align: center;

	border-bottom: 1px solid #f0f0f0;

	background-position: 19px -210px;

	padding-left: 7px

}

.kefu_q3 .bor-ul .em {

	position: relative;

	width: 54px;

	height: 50px;

	border-right: 1px solid #f0f0f0

}

.kefu_q3 .bor-ul .em i.ico-code {

	display: block;

	width: 22px;

	height: 22px;

	background-position: -186px -14px;

	margin: 14px;

	cursor: pointer

}

.kefu_q3 .bor-ul .em i.ico-code:hover {

	background-position: -222px -14px

}

.kefu_q3 .bor-ul .get-top i.get-ico-code:hover {

	background-position: -45px -149px

}

.kefu_q3 .bor-ul .get-top {

	width: 55px;

	height: 50px

}

.kefu_q3 .bor-ul .get-top i.get-ico-code {

	display: block;

	width: 28px;

	height: 28px;

	margin: 14px;

	cursor: pointer;

	background-position: 0 -149px

}

.kefu_q3 .bottom-1 {

	width: 100%;

	height: 8px;

	background-position: 0 -292px

}

.kefu_q3 .show-em {

	display: none;

	position: absolute;

	left: -121px;

	top: -78px;

	width: 117px;

	height: 163px;

	background-position: -133px -163px

}

.kefu_q3 .show-em img {

	width: 92px;

	height: 92px;

	margin: 9px 8px 0 0

}

.kefu_q3 .em:hover .show-em {

	display: block

}

.layer-qq {

	animation: layerqq .7s ease-out;

	position: fixed;

	top: 50%;

	color: #fff;

	left: 50%;

	width: 480px;

	height: 282px;

	background: url(../img/qq.png) no-repeat;

	text-align: center;

	z-index: 999;

	overflow: hidden

}

.layer-qq h3 {

	font-size: 42px;

	text-transform: uppercase;

	font-weight: 700;

	padding-top: 70px

}

.layer-qq strong {

	font-size: 22px

}

.layer-qq a.linkqq {

	display: block;

	width: 138px;

	height: 38px;

	line-height: 38px;

	border: 1px solid rgba(255,255,255,.5);

	text-align: center;

	font-size: 14px;

	border-radius: 45px;

	color: #fff;

	margin: 25px auto 0

}

.layer-qq a.qq-close {

	display: block;

	width: 28px;

	height: 28px;

	position: absolute;

	top: 20px;

	right: 20px;

	background: url(../img/qqclose.png) no-repeat;

	cursor: pointer

}

@-webkit-keyframes layerqq {

from {

-webkit-transform:scale(0);

transform:scale(0)

}

to {

	-webkit-transform: scale(1);

	transform: scale(1)

}

}

@keyframes layerqq {

from {

transform:scale(0)

}

to {

	transform: scale(1)

}

}

.music {

	width: auto;

	height: auto;

	position: fixed;

	z-index: 99999

}

.aplayer {

	background: 0 0!important;

	box-shadow: none!important

}

.music.m-true .aplayer {

	margin: 0

}

.music.m-true .aplayer-narrow {

	width: 45px!important;

	height: 45px!important

}

.music.m-true .aplayer .aplayer-pic {

	width: 45px!important;

	height: 45px!important

}

.music.m-false {

	min-width: 512px;

	background: #fff;

	border: 1px solid #e8e8e8;

	border-radius: 1px

}

.music.m-false .aplayer {

	margin: 3px

}

.music.m-false .aplayer .aplayer-pic {

	width: 45px;

	height: 45px;

	border-radius: 50px;

	overflow: hidden

}

.music.m-false .aplayer .aplayer-info {

	height: 48px!important;

	padding: 0 7px 0 0!important

}

.music.m-false .colse-music {

	position: absolute;

	right: 10px;

	top: 4px;

	display: block;

	width: 19px;

	height: 19px;

	background: url(../img/close_music.png) no-repeat;

	z-index: 99999;

	cursor: pointer

}

.music.m-false .aplayer .aplayer-info .aplayer-music {

	margin-bottom: 8px;

	margin-top: 5px

}

.footer{background-color:#f7f6f5; margin-top:30px;}
.footer1{width:1150px;margin:0 auto;}
.footer1 ul{ margin-top:30px;}
.footer1 ul li{ width:16.6%; float:left; margin-bottom:30px;}
.footer1 ul li .nav-one{ display:block;padding-bottom:10px;font-weight:bold;}
.footer1 ul li .nav-one a{ font-weight:bold; color:#0b0b0b; }
.footer1 ul li .childer .childer-a{ display:block; height:26px; line-height:26px;}
.footer2{width:1150px;margin:0 auto; clear:both; border-top:#c9caca solid 1px;}
.childer .wx,.childer .qq,.childer .shopping,.childer .weibo{ position:relative; width:32px; height:32px; margin:7px 5px; display:inline-block;}
.childer .wx>img,.childer .qq>img,.childer .shopping>img,.childer .weibo>img{width:32px; height:32px;}
.childer .wx .tubiao{visibility:hidden;width:120px;height:120px;position:absolute; bottom:30px; left:0px;}
.childer .wx:hover .tubiao{display:block;visibility:visible;}
.childer p.name{margin:30px 0px;}
.childer p.tel{font-size:26px;}