﻿html {
	color: #000;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-text-size-adjust: none
}
blockquote,
body,
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
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}
ol,
ul {
	list-style: none
}
caption {
	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: text-top
}
sub {
	vertical-align: text-bottom
}
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}
legend {
	color: #000
}
body,
button,
input,
select,
textarea {
	font: 12px/1.5 arial
}
a {
	color: #333;
	text-decoration: none;
	outline: 0
}
a:hover {
	text-decoration: underline
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; 
}* html .clearfix { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.z-show {
	display: block
}
.z-hide {
	display: none
}
.start {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.start p {
	width: 50%;
	height: 100%;
	float: left
}
.start .slogan {
	position: absolute;
	height: 8.4%;
	top: 58%;
	left: 0;
	width: 100%;
	text-align: center;
}
.start .slogan1 {
	position: absolute;
	height: 40.8%;
	top: 20%;
	left: 0;
	width: 100%;
	text-align: center;
}
.start .enter {
	position: absolute;
	height: 8.4%;
	top: 75%;
	left: 0;
	width: 100%;
	text-align: center;
}
.start .bottom {
	position: absolute;
	height: 8.4%;
	bottom: 2%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
}
.start .bottom p {
	width: 100%;
	text-align: center;
}
.start .img-l {
	background: url(img/left.jpg) no-repeat right center
}
.start .img-r {
	background: url(img/right.jpg) no-repeat left center
}
.a-fadeoutL {
	-webkit-animation: fadeoutL 1s ease-out backwards;
	-moz-animation: fadeoutL 1s ease-out backwards;
	-ms-animation: fadeoutL 1s ease-out backwards;
	animation: fadeoutL 1s ease-out backwards
}
@-webkit-keyframes fadeoutL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-200px)
	}
}
@-moz-keyframes fadeoutL {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(-200px)
	}
}
@-ms-keyframes fadeoutL {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-ms-transform: translateX(-200px)
	}
}
@keyframes fadeoutL {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		transform: translateX(-200px)
	}
}
.a-fadeoutR {
	-webkit-animation: fadeoutR 1s ease-out backwards;
	-moz-animation: fadeoutR 1s ease-out backwards;
	-ms-animation: fadeoutR 1s ease-out backwards;
	animation: fadeoutR 1s ease-out backwards
}
@-webkit-keyframes fadeoutR {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(200px)
	}
}
@-moz-keyframes fadeoutR {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-moz-transform: translateX(200px)
	}
}
@-ms-keyframes fadeoutR {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
	100% {
		opacity: 0;
		-ms-transform: translateX(200px)
	}
}
@keyframes fadeoutR {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		transform: translateX(200px)
	}
}
.a-bouncein {
	-webkit-animation: bouncein 1s ease-out backwards;
	-moz-animation: bouncein 1s ease-out backwards;
	-ms-animation: bouncein 1s ease-out backwards;
	animation: bouncein 1s ease-out backwards
}
@-webkit-keyframes bouncein {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.9)
	}
	100% {
		-webkit-transform: scale(1)
	}
}
@-moz-keyframes bouncein {
	0% {
		opacity: 0;
		-moz-transform: scale(.3)
	}
	50% {
		opacity: 1;
		-moz-transform: scale(1.05)
	}
	70% {
		-moz-transform: scale(.9)
	}
	100% {
		-moz-transform: scale(1)
	}
}
@-ms-keyframes bouncein {
	0% {
		opacity: 0;
		-ms-transform: scale(.3)
	}
	50% {
		opacity: 1;
		-ms-transform: scale(1.05)
	}
	70% {
		-ms-transform: scale(.9)
	}
	100% {
		-ms-transform: scale(1)
	}
}
@keyframes bouncein {
	0% {
		opacity: 0;
		transform: scale(.3)
	}
	50% {
		opacity: 1;
		transform: scale(1.05)
	}
	70% {
		transform: scale(.9)
	}
	100% {
		transform: scale(1)
	}
}
.a-fadein {
	-webkit-animation: fadein 1s ease-out backwards;
	-moz-animation: fadein 1s ease-out backwards;
	-ms-animation: fadein 1s ease-out backwards;
	animation: fadein 1s ease-out backwards
}
@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-moz-keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-ms-keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
.a-fadeinT {
	-webkit-animation: fadeinT 1s ease-out backwards;
	-moz-animation: fadeinT 1s ease-out backwards;
	-ms-animation: fadeinT 1s ease-out backwards;
	animation: fadeinT 1s ease-out backwards
}
@-webkit-keyframes fadeinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@-moz-keyframes fadeinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}
@-ms-keyframes fadeinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}
@keyframes fadeinT {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
.a-fadeinB {
	-webkit-animation: fadeinB 1s ease-out backwards;
	-moz-animation: fadeinB 1s ease-out backwards;
	-ms-animation: fadeinB 1s ease-out backwards;
	animation: fadeinB 1s ease-out backwards
}
@-webkit-keyframes fadeinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}
@-moz-keyframes fadeinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(200px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}
@-ms-keyframes fadeinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(200px)
	}
	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}
@keyframes fadeinB {
	0% {
		opacity: 0;
		transform: translateY(200px)
	}
	100% {
		opacity: 1;
		transform: translateY(0)
	}
}
.a-fadeinL {
	-webkit-animation: fadeinL 1s ease-out backwards;
	-moz-animation: fadeinL 1s ease-out backwards;
	-ms-animation: fadeinL 1s ease-out backwards;
	animation: fadeinL 1s ease-out backwards
}
@-webkit-keyframes fadeinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}
@-moz-keyframes fadeinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}
@-ms-keyframes fadeinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}
@keyframes fadeinL {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}
.a-fadeinR {
	-webkit-animation: fadeinR 1s ease-out backwards;
	-moz-animation: fadeinR 1s ease-out backwards;
	-ms-animation: fadeinR 1s ease-out backwards;
	animation: fadeinR 1s ease-out backwards
}
@-webkit-keyframes fadeinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}
@-moz-keyframes fadeinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}
@-ms-keyframes fadeinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}
	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}
@keyframes fadeinR {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}
	100% {
		opacity: 1;
		transform: translateX(0)
	}
}
.a-light {
	-webkit-animation: light .5s both infinite alternate;
	-moz-animation: light .5s both infinite alternate;
	-ms-animation: light .5s both infinite alternate;
	animation: light .5s both infinite alternate
}
@-webkit-keyframes light {
	0% {
		opacity: .5
	}
	100% {
		opacity: 1
	}
}
@-moz-keyframes light {
	0% {
		opacity: .5
	}
	100% {
		opacity: 1
	}
}
@-ms-keyframes light {
	0% {
		opacity: .5
	}
	100% {
		opacity: 1
	}
}
@keyframes light {
	0% {
		opacity: .5
	}
	100% {
		opacity: 1
	}
}
.container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.index {
	width: 100%;
	padding-bottom: 100px;
}
.nav-wrap{
	background: #fff;	
	height: 85px;
}
.top-nav {
	width: 1000px; margin: 0 auto;
	}
.logo {
	width: 409px;
	height: 75px;
	float: left;
}
.logo img {
	width: 100%;
	margin: 5px 0;
}
.menu {
	width: 480px;
	float: right;
	margin-left: 35px;
}
.menu li {
	float: left;
	margin: 20px 0 0 89px;
}
.menu li a {
	display: block;
	height: 38px;
	font: 16px "microsoft yahei";
	color: #000000;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
}
.menu li a:hover { color: #1a5ada; border-bottom: 2px solid #1a5ada;   }
.menu li .on { color: #1a5ada; border-bottom: 2px solid #1a5ada;   }
.banner {
	width: 1440px;
	height: 522px;
	margin: 0 auto;
	display: block;
}
.content-wrap {
	border-top: 4px solid #1a5ada;
	margin: -26px auto 0 auto;
	margin-top: -26px;
	background: #fff;
	box-shadow: -2px 0 2px #d3d7de,2px 0 2px #D3D7DE,0 2px 2px #D3D7DE;
}
.title {
	width: 902px;
	height: 31px;
	margin: 20px auto;
	padding-top:20px;
}
.title img{
	width: 100%;
	height: 100%;
}
.footer {
	text-align: center;
	font-family: 'microsoft yahei';
	font-size: 12px;
	color: #fff;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: #1a549c;
}
.footer p {
	text-align: center;
	padding: 4px;
}
.footer p a {
	color: #fff;
}
/* 锟斤拷锟斤拷锟斤拷css */
.picMarquee-left {
	width: 920px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.picMarquee-left .hd {
	overflow: hidden;
	height: 30px;
	background: #f4f4f4;
	padding: 0 10px;
}
.picMarquee-left .hd .prev,
.picMarquee-left .hd .next {
	display: block;
	width: 5px;
	height: 9px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
	background: url("img/arrow.png") no-repeat;
}
.picMarquee-left .hd .next {
	background-position: 0 -50px;
}
.picMarquee-left .hd .prevStop {
	background-position: -60px 0;
}
.picMarquee-left .hd .nextStop {
	background-position: -60px -50px;
}
.picMarquee-left .bd {
	padding: 10px;
}
.picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.picMarquee-left .bd ul li {
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}
.picMarquee-left .bd ul li .pic {
	text-align: center;
}
.picMarquee-left .bd ul li .pic img {
	width: 210px;
	height: 140px;
	display: block;
	padding: 2px;
}
.picMarquee-left .bd ul li .pic a:hover img {
	border-color: #999;
}
.picMarquee-left .bd ul li .title {
	line-height: 24px;
}
/*plan*/
.plan-list {
	margin: 80px;
	font-family: "锟斤拷锟斤拷细锟斤拷";
}
.plan-list li {
	border: 1px solid #846e49;
	margin: 50px 0;
	position: relative;
}
.plan-list li p {
	padding: 40px 10px;
	font-family: "锟斤拷锟斤拷细锟斤拷";
	font-size: 16px;
}
.brand{
	position: absolute;
	top: -23px;
	left: -30px;
}
.brand .text{
	font-size: 24px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	display: inline-block;
	padding: 0 10px;
	background: #846e49;
}
.careers{
	padding-bottom: 100px;
}
.careers .toggle{
	background:url(img/decrease.png) no-repeat;
	width: 24px;
	height: 24px;
	    position: relative;
    top: 10px;
}
.careers .toggle.on{
	background:url(img/add.png) no-repeat;
}
.careers-name{
	font-size: 14px;
	color: #846e49;
	font-weight: 700;
	    padding: 10px 0;
    display: block;
}
.careers .arrow{
	font:20px simsun;
	font-weight: 700;
}
.careers .name{
	height: 32px;
	line-height: 32px;
}
		.main {
			width: 1000px;
			height: auto;
			overflow: hidden;
			margin: 0 auto;
			font-family: "microsoft yahei";
		}
		
		.deptlist {
			width: 250px;
			height: auto;
			overflow: hidden;
			float: left;
			padding-top: 30px;
		}
		
		.deptlist li {
			height: 32px;
			line-height: 32px;
			font:16px "microsoft yahei";
			font-weight: 700;
			border-bottom: 1px dashed #e5e5e5;
			border-radius: 10px;
			background: #fff;
			color: #374a74;
			padding-left: 10px;
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			cursor: pointer;
			text-align: center;
		}
		
		.deptlist li.cur {
			background: #e5e5e5;
		}
		
		.jobs {
			width: 730px;
			float: left;
			margin-left: 20px;
		}
		.jobitem-wrap{
			border-bottom: 1px dashed #374a74;	
		}
		.apply-wrap{
			margin: 10px auto;
		}
		.job-con{
			font-size: 14px;
		}
.process-con{
	margin: 50px 0;
	text-align: center;
}
.process.footer{
	position: fixed;
}
html {
			min-height: 100%;
		}
		
		body {
			position: relative;
			width: 100%;
			min-height: 100%;
			background: #edf0f6;
		}
		
	
		
		
		
		.intro_com {
			font-size: 14px;
			line-height: 24px;
			height: auto;
			color: #333;
			margin: 30px 42px;
			text-indent: 2em;
		}
		/* 鏈緥瀛恈ss */
.bannerx { width: 100%; margin: 0 auto; position:relative; height:444px; overflow:hidden;}
.bannerx div { position:absolute; left:50%; margin-left:-720px;}
		
		.slideBox {
			width: 1920px;
			height: 531px;
			overflow: hidden;
			position: relative;
		}
		
		.slideBox .hd {
			height: 15px;
			overflow: hidden;
			position: absolute;
			left: 450px;
			bottom: 20px;
			z-index: 1;
		}
		
		.slideBox .hd ul {
			overflow: hidden;
			zoom: 1;
			float: left;
		}
		
		.slideBox .hd ul li {
			border-radius: 50%;
			border: 2px solid #009b72;
			float: left;
			margin-right: 6px;
			width: 10px;
			height: 10px;
			line-height: 10px;
			text-align: center;
			background: #fff;
			cursor: pointer;
		}
		
		.slideBox .hd ul li.on {
			background: #009b72;
			color: #fff;
		}
		
		.slideBox .bd {
			position: relative;
			height: 100%;
			z-index: 0;
		}
		
		.slideBox .bd li {
			zoom: 1;
			vertical-align: middle;
		}
		
		.slideBox .bd img {
			width: 1440px;
			height: 444px;
			display: block;
		}
		/* 涓嬮潰鏄墠/鍚庢寜閽唬鐮侊紝濡傛灉涓嶉渶瑕佸垹闄ゅ嵆鍙?*/
		
		.slideBox .prev,
		.slideBox .next {
			position: absolute;
			left: 3%;
			top: 50%;
			margin-top: -25px;
			display: block;
			width: 32px;
			height: 40px;
			background: url(img/left.png) no-repeat;
			filter: alpha(opacity=50);
			opacity: 0.5;
		}
		
		.slideBox .next {
			left: auto;
			right: 3%;
			background: url(img/right.png) no-repeat;
		}
		
		.slideBox .prev:hover,
		.slideBox .next:hover {
			filter: alpha(opacity=100);
			opacity: 1;
		}
		
		.slideBox .prevStop {
			display: none;
		}
		
		.slideBox .nextStop {
			display: none;
		}