html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin:0;
	padding:0
}
body {
	padding:0;
	margin:0;
	background:#000
}
html, body, fieldset, img, iframe, abbr {
	border:0
}
li {
	list-style:none
}
textarea {
	overflow:auto;
	resize:none
}
h1, h2, h3, h4, h5, h6, em, strong, b {
	font-weight:700
}
a, a:hover {
	text-decoration:none
}
body, textarea, input, button {
	color:#000;
	font-family:"\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi
}
a:hover {
	text-decoration:none
}
a, button {
	cursor:pointer;
	text-align:center
}
button {
	border:0;
	outline:0;
	background:0 0
}
li {
	list-style:none
}
textarea {
	overflow:auto;
	resize:none
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance:none!important;
margin:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td {
	text-align:center
}
html, body {
	width:100%;
	min-width:1400px;
	max-width:1920px;
	height:auto;
	font-family:"Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	background:#fff;
	line-height:1.5;
	color:#000!important;
	margin:0 auto
}
#NIE-copyRight span, #NIE-copyRight a {
	color:#000
}
.hide {
	display:none
}
.fl {
	float:left
}
.fr {
	float:right
}
.show {
	display:block
}
.inline {
	display:inline-block;
*zoom:1;
*display:inline
}
#captcha {
	float:none
}
#Mshare {
	height:40px;
	width:100%;
	margin-bottom:30px;
	text-align:center;
	position:absolute;
	top:2460px
}
#Mshare .NIE-share .NIE-share-iconBtn li {
	margin-left:4px
}
#Mshare .NIE-share-txt {
	color:#7e869b
}
#Mshare .NIE-share-iconBtn a {
	color:#7e869b
}
#Mshare .NIE-share-iconBtn a:hover {
	color:#c0ab6f
}
.pop_libao_mask {
	z-index:9999!important
}
#pop-libao {
	z-index:10000!important
}
.wrap {
	background:#fff url(/static/images/bg_42b5966.jpg) no-repeat center top;
	width:100%;
	height:1040px;
	position:relative;
	overflow:hidden
}
.wrap .main-content {
	height:2510px
}
.bgvideo {
	width:1920px;
	height:900px;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	top:0
}
.main {
	width:1400px;
	margin:0 auto;
	position:relative
}
div#pop-libao {
	background:url(/static/images/bg_pop-v1_8e3cb6d.png) 0 13px no-repeat!important
}
@-webkit-keyframes test {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateY(30px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(0px)
}
}
@-moz-keyframes test {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateY(30px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(0px)
}
}
@-o-keyframes test {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateY(30px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(0px)
}
}
@-ms-keyframes test {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateY(30px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(0px)
}
}
@keyframes test {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
-webkit-transform:translateY(30px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:translateX(0px)
}
}
@-webkit-keyframes scale {
0% {
transform:scale(0.75)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(0.75)
}
}
@-moz-keyframes scale {
0% {
transform:scale(0.75)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(0.75)
}
}
@-o-keyframes scale {
0% {
transform:scale(0.75)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(0.75)
}
}
@-ms-keyframes scale {
0% {
transform:scale(0.75)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(0.75)
}
}
@keyframes scale {
0% {
transform:scale(0.75)
}
50% {
transform:scale(1.1)
}
100% {
transform:scale(0.75)
}
}
.test {
	opacity:0;
-webkit-animation:leihuo .5s .3s forwards 300ms 0 ease;
-moz-animation:leihuo .5s .3s forwards 300ms 0 ease;
-ms-animation:leihuo .5s .3s forwards 300ms 0 ease;
animation:leihuo .5s .3s forwards 300ms 0 ease;
-moz-animation:leihuo .5s .3s forwards;
-webkit-animation:leihuo .5s .3s forwards;
-o-animation:leihuo .5s .3s forwards;
-ms-animation:leihuo .5s .3s forwards;
animation:leihuo .5s .3s forwards
}
@-webkit-keyframes stepAn {
0% {
background-position:0 0
}
100% {
background-position:0 bottom
}
}
@-moz-keyframes stepAn {
0% {
background-position:0 0
}
100% {
background-position:0 bottom
}
}
@-o-keyframes stepAn {
0% {
background-position:0 0
}
100% {
background-position:0 bottom
}
}
@-ms-keyframes stepAn {
0% {
background-position:0 0
}
100% {
background-position:0 bottom
}
}
@keyframes stepAn {
0% {
background-position:0 0
}
100% {
background-position:0 bottom
}
}
@-webkit-keyframes roate {
0% {
transform:rotateY(0deg)
}
100% {
transform:rotateY(360deg)
}
}
@-moz-keyframes roate {
0% {
transform:rotateY(0deg)
}
100% {
transform:rotateY(360deg)
}
}
@-o-keyframes roate {
0% {
transform:rotateY(0deg)
}
100% {
transform:rotateY(360deg)
}
}
@-ms-keyframes roate {
0% {
transform:rotateY(0deg)
}
100% {
transform:rotateY(360deg)
}
}
@keyframes roate {
0% {
transform:rotateY(0deg)
}
100% {
transform:rotateY(360deg)
}
}
#btn-audio {
	width:35px;
	height:35px;
	position:absolute;
	left:50%;
	margin-left:-455px;
	top:42px;
	z-index:3;
	background-repeat: no-repeat;
}
#btn-audio.off {
	background-repeat: no-repeat;
}
#top {
	position:absolute;
	top:80px;
	right:50%;
	margin-left:105px;
	height:210px;
	z-index:2
}
#top .slogan {
	background:url(/static/images/slogan_81b5b4f.png) no-repeat;
	width:572px;
	height:280px
}
#top .subtitle {
	background:url(/static/images/subtitle_6137d9a.png) no-repeat;
	width:464px;
	height:48px;
	margin-top:10px;
	margin-left:8px;
	position:relative
}
#top .subtitle a {
	display:block;
	position:absolute;
	right:3px;
	top:5px;
	width:155px;
	height:37px;
	background-repeat: no-repeat;
}
#top .subtitle a:hover {
	background-repeat: no-repeat;
}
#top .btns {
	width:100%;
	margin-top:25px;
	height:200px
}
#top .btns a {
	float:left;
	width:67px;
	height:200px;
	overflow:hidden
}
#top .btns .btn-down {
	background:url(/static/images/btn1_e0f7db3.png) no-repeat;
	-webkit-animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	-moz-animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	-ms-animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	-moz-animation:stepAn steps(23) 2s infinite;
	-webkit-animation:stepAn steps(23) 2s infinite;
	-o-animation:stepAn steps(23) 2s infinite;
	-ms-animation:stepAn steps(23) 2s infinite;
	animation:stepAn steps(23) 2s infinite;
	width:282px
}
#top .btns .btn-down:hover {
	background:url(/static/images/btn2_d4f4ceb.png) no-repeat
}
#top .btns .btn-haoli {
	background-repeat: no-repeat;
}
#top .btns .btn-haoli:hover {
	background-repeat: no-repeat;
}
#top .btns .btn-haoli i {
	width:24px;
	height:28px;
	display:block;
	margin:24px auto;
	-webkit-animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite 300ms 0 ease;
	-ms-animation:roate 3s ease infinite 300ms 0 ease;
	animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite;
	-webkit-animation:roate 3s ease infinite;
	-o-animation:roate 3s ease infinite;
	-ms-animation:roate 3s ease infinite;
	animation:roate 3s ease infinite;
	background-repeat: no-repeat;
}
#top .btns .btn-reg {
	background-repeat: no-repeat;
}
#top .btns .btn-reg:hover {
	background-repeat: no-repeat;
}
#top .btns .btn-reg i {
	width:26px;
	height:26px;
	display:block;
	margin:25px auto;
	-webkit-animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite 300ms 0 ease;
	-ms-animation:roate 3s ease infinite 300ms 0 ease;
	animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite;
	-webkit-animation:roate 3s ease infinite;
	-o-animation:roate 3s ease infinite;
	-ms-animation:roate 3s ease infinite;
	animation:roate 3s ease infinite;
	background-repeat: no-repeat;
}
#top .btns .btn-reg2 i {
	width:26px;
	height:26px;
	display:block;
	margin:25px auto;
	-webkit-animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite 300ms 0 ease;
	-ms-animation:roate 3s ease infinite 300ms 0 ease;
	animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite;
	-webkit-animation:roate 3s ease infinite;
	-o-animation:roate 3s ease infinite;
	-ms-animation:roate 3s ease infinite;
	animation:roate 3s ease infinite;
	background-repeat: no-repeat;
}
#top .btns .btn-cz {
	background-repeat: no-repeat;
}
#top .btns .btn-cz:hover {
	background-repeat: no-repeat;
}
#top .btns .btn-cz i {
	width:26px;
	height:26px;
	display:block;
	margin:25px auto;
	-webkit-animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite 300ms 0 ease;
	-ms-animation:roate 3s ease infinite 300ms 0 ease;
	animation:roate 3s ease infinite 300ms 0 ease;
	-moz-animation:roate 3s ease infinite;
	-webkit-animation:roate 3s ease infinite;
	-o-animation:roate 3s ease infinite;
	-ms-animation:roate 3s ease infinite;
	animation:roate 3s ease infinite;
	background-repeat: no-repeat;
}
#top .banner {
	margin:16px 0;
	width:555px;
	height:270px;
	position:relative
}
#top .banner .switch {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	font-size:0;
	z-index:105
}
#top .banner .switch a {
	display:inline-block;
	width:42px;
	height:22px;
	line-height:22px;
	font-size:13px;
	background:#fff;
	color:#39456c
}
#top .banner .switch a:hover, #top .banner .switch a.active {
	background:#a28a4c;
	color:#fff
}
#top .banner .switch-pic a {
	position:absolute;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0)
}
#top .banner .switch-ctrl {
	position:absolute;
	bottom:12px;
	right:12px;
	width:auto;
	height:25px;
	z-index:101
}
#top .banner .switch-ctrl span {
	display:block;
	float:left;
	width:19px;
	height:20px;
	margin-right:7px;
	cursor:pointer;
	background-repeat: no-repeat;
}
#top .banner .switch-ctrl span:hover, #top .banner .switch-ctrl span.current {
	background-repeat: no-repeat;
}
@-webkit-keyframes leave {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(-100px)
}
}
@-moz-keyframes leave {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(-100px)
}
}
@-o-keyframes leave {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(-100px)
}
}
@-ms-keyframes leave {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(-100px)
}
}
@keyframes leave {
0% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
100% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(-100px)
}
}
@-webkit-keyframes enter {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(100px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
}
@-moz-keyframes enter {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(100px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
}
@-o-keyframes enter {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(100px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
}
@-ms-keyframes enter {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(100px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
}
@keyframes enter {
0% {
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
transform:translateX(100px)
}
100% {
-webkit-opacity:1;
-moz-opacity:1;
opacity:1;
filter:alpha(opacity=100);
transform:translateX(0px)
}
}
.pop_video_bg {
	position:fixed;
	top:0;
	left:0;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
	width:100%;
	z-index:9999;
	min-width:1200px
}
.pop_video {
	position:fixed;
	left:50%;
	z-index:10000;
	display:none
}
.close_pv {
	position:absolute;
	right:-48px;
	top:0;
	width:48px;
	height:48px;
	text-indent:-9999em;
	outline:0;
	background-repeat: no-repeat;
}
.close_pv:hover {
	background-repeat: no-repeat;
}
#job-wrap {
	position:absolute;
	z-index:1;
	width:1541px;
	height:1967px;
	left:50%;
	margin-left:-960px
}
#job-wrap .job-nav {
	width:97px;
	height:258px;
	position:absolute;
	top:340px;
	left:260px;
	z-index:2
}
#job-wrap .job-nav a {
	display:block;
	width:97px;
	height:20px;
	margin-bottom:28px;
	background:url(/static/images/nav_2f266d1.png) no-repeat
}
#job-wrap .job-nav .nav1 {
	background-position:0 0
}
#job-wrap .job-nav .nav1:hover, #job-wrap .job-nav .nav1.active {
	background-position:-97px 0
}
#job-wrap .job-nav .nav2 {
	background-position:0 -48px
}
#job-wrap .job-nav .nav2:hover, #job-wrap .job-nav .nav2.active {
	background-position:-97px -48px
}
#job-wrap .job-nav .nav3 {
	background-position:0 -96px
}
#job-wrap .job-nav .nav3:hover, #job-wrap .job-nav .nav3.active {
	background-position:-97px -96px
}
#job-wrap .job-nav .nav4 {
	background-position:0 -144px
}
#job-wrap .job-nav .nav4:hover, #job-wrap .job-nav .nav4.active {
	background-position:-97px -144px
}
#job-wrap .job-nav .nav5 {
	background-position:0 -192px
}
#job-wrap .job-nav .nav5:hover, #job-wrap .job-nav .nav5.active {
	background-position:-97px -192px
}
#job-wrap .job-nav .nav6 {
	background-position:0 bottom
}
#job-wrap .job-nav .nav6:hover, #job-wrap .job-nav .nav6.active {
	background-position:-97px bottom
}
#job-wrap .video {
	width:94px;
	height:94px;
	position:absolute;
	margin-left:385px;
	top:355px;
	cursor:pointer;
	display:none;
}
#job-wrap .video i {
	display:block;
	cursor:pointer;
	width:24px;
	height:35px;
	position:relative;
	left:40px;
	top:30px;
	-webkit-animation:scale 2s linear infinite 300ms 0 ease;
	-moz-animation:scale 2s linear infinite 300ms 0 ease;
	-ms-animation:scale 2s linear infinite 300ms 0 ease;
	animation:scale 2s linear infinite 300ms 0 ease;
	-moz-animation:scale 2s linear infinite;
	-webkit-animation:scale 2s linear infinite;
	-o-animation:scale 2s linear infinite;
	-ms-animation:scale 2s linear infinite;
	animation:scale 2s linear infinite;
	background-repeat: no-repeat;
}
#job-wrap .job-bg {
	width:1541px;
	height:1967px;
	position:absolute;
	left:0;
	top:0
}
#job-wrap .job-bg.enter {
-webkit-animation:enter .5s ease both 300ms 0 ease;
-moz-animation:enter .5s ease both 300ms 0 ease;
-ms-animation:enter .5s ease both 300ms 0 ease;
animation:enter .5s ease both 300ms 0 ease;
-moz-animation:enter .5s ease both;
-webkit-animation:enter .5s ease both;
-o-animation:enter .5s ease both;
-ms-animation:enter .5s ease both;
animation:enter .5s ease both
}
#job-wrap .job-bg.leave {
-webkit-animation:leave .5s ease both 300ms 0 ease;
-moz-animation:leave .5s ease both 300ms 0 ease;
-ms-animation:leave .5s ease both 300ms 0 ease;
animation:leave .5s ease both 300ms 0 ease;
-moz-animation:leave .5s ease both;
-webkit-animation:leave .5s ease both;
-o-animation:leave .5s ease both;
-ms-animation:leave .5s ease both;
animation:leave .5s ease both
}
#job-wrap .name {
    width: 94px;
    height: 147px;
    position: absolute;
    top: 167px;
    right: 100px
}
#job-wrap .job-more {
	width:35px;
	height:105px;
	position:absolute;
	top:62px;
	left:74px;
	background-repeat: no-repeat;
}
#job-wrap .job-more:hover {
	background-repeat: no-repeat;
}
#job-wrap .animate {
	width:400px;
	height:450px;
	position:absolute;
	left:792px;
	top:113px;
	-webkit-animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	-moz-animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	-ms-animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	animation:stepAn steps(23) 2s infinite 300ms 0 ease;
	-moz-animation:stepAn steps(23) 2s infinite;
	-webkit-animation:stepAn steps(23) 2s infinite;
	-o-animation:stepAn steps(23) 2s infinite;
	-ms-animation:stepAn steps(23) 2s infinite;
	animation:stepAn steps(23) 2s infinite;
	background-image: url(/static/images/43f8847b9aba7afeb8748274ae61470b.png);
}
#job-wrap .sw {
	background:url(/static/images/sw_58a223f.png) no-repeat
}
#job-wrap .sw .animate {
	background:url(/static/images/43f8847b9aba7afeb8748274ae61470b.png) no-repeat
}
#job-wrap .sw .video {
	background-repeat: no-repeat;
}
#job-wrap .sw .name {
	background-repeat: no-repeat;
}
#job-wrap .xh {
	background:url(/static/images/xh_638de68.png) no-repeat
}
#job-wrap .xh .animate {
	background:url(/static/images/4a71965476fcf4c2b8895a8e5d0e766a.png) no-repeat
}
#job-wrap .xh .video {
	background-repeat: no-repeat;
}
#job-wrap .xh .name {
	background-repeat: no-repeat;
}
#job-wrap .jl {
	background:url(/static/images/jl_ce7898d.png) no-repeat
}
#job-wrap .jl .animate {
	background:url(/static/images/6f903d0be3153d2d542d33db4941c737.png) no-repeat
}
#job-wrap .jl .video {
	background-repeat: no-repeat;
}
#job-wrap .jl .name {
	background-repeat: no-repeat;
}
#job-wrap .sm .person {
	background:url(/static/images/sm_ad02e98.png) no-repeat;
	width:1541px;
	height:1967px;
	position:absolute;
	left:0;
	top:0
}
#job-wrap .sm .animate {
	background:url(/static/images/b4f6aca1297185608be07c7890358baf.png) no-repeat
}
#job-wrap .sm .video {
	background-repeat: no-repeat;
}
#job-wrap .sm .name {
	background-repeat: no-repeat;
}
#job-wrap .sx {
	background:url(/static/images/sx_eefb1b2.png) no-repeat
}
#job-wrap .sx .animate {
	background:url(/static/images/8c26cc40deef842640c6fc8846df1284.png) no-repeat
}
#job-wrap .sx .video {
	background-repeat: no-repeat;
}
#job-wrap .sx .name {
	background-repeat: no-repeat;
}
#job-wrap .ty {
	background:url(/static/images/ty_0594702.png) no-repeat
}
#job-wrap .ty .animate {
	background:url(/static/images/dc154ab19b3555f3b1322efbb5926b51.png) no-repeat
}
#job-wrap .ty .video {
	background-repeat: no-repeat;
}
#job-wrap .ty .name {
	background-repeat: no-repeat;
}
.news-box {
	width:555px;
	height:330px;
	overflow:hidden;
	background:-o-linear-gradient(top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	background:-moz-linear-gradient(top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, .1)));
	background:-o-linear-gradient(top, rgba(255, 255, 255, .8), rgba(255, 255, 255, .1));
	position:absolute;
	top:670px;
	right:51%;
	margin-left:105px;
	z-index:2
}
.news-box .box-title {
	overflow:hidden;
	height:47px;
	margin-top:5px
}
.news-box .box-title .news-tab {
	margin-left:15px;
	width:520px;
	border-bottom:2px solid #dde0e4
}
.news-box .box-title .news-tab li {
	float:left;
	position:relative;
	top:2px;
	margin-right:15px
}
.news-box .box-title .news-tab li:after {
	content:'';
	background:url(/static/images/news-line2_9cc9ac3.png) no-repeat;
	width:1px;
	height:15px;
	position:absolute;
	right:-7px;
	top:13px
}
.news-box .box-title .news-tab li:last-child:after {
	display:none
}
.news-box .box-title .news-tab li a {
	width:68px;
	height:28px;
	display:block;
	color:#303030;
	font-size:0;
	position:relative;
	margin-top:10px;
	background:url(/static/images/news-tab-nav_1d4b638.png) no-repeat
}
.news-box .box-title .news-tab li a i {
	display:none
}
.news-box .box-title .news-tab li a.news1 {
	background-position:0 0
}
.news-box .box-title .news-tab li a.news1:hover, .news-box .box-title .news-tab li a.news1.active {
	background-position:0 bottom
}
.news-box .box-title .news-tab li a.news2 {
	background-position:-83px 0
}
.news-box .box-title .news-tab li a.news2:hover, .news-box .box-title .news-tab li a.news2.active {
	background-position:-83px bottom
}
.news-box .box-title .news-tab li a.news3 {
	background-position:-166px 0
}
.news-box .box-title .news-tab li a.news3:hover, .news-box .box-title .news-tab li a.news3.active {
	background-position:-166px bottom
}
.news-box .box-title .news-tab li a.news4 {
	background-position:-249px 0
}
.news-box .box-title .news-tab li a.news4:hover, .news-box .box-title .news-tab li a.news4.active {
	background-position:-249px bottom
}
.news-box .box-title .more {
	display:block;
	position:absolute;
	top:18px;
	font-size:0;
	right:15px;
	background:url(/static/images/icon-more_d2c5fe0.png) no-repeat;
	width:16px;
	height:16px;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease
}
.news-box .box-title .more:hover {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	background:url(/static/images/icon-more2_4fc21e0.png) no-repeat
}
.news-box .news-top {
	position:relative;
	text-align:center
}
.news-box .news-top a {
	display:inline-block;
	color:#39456c;
	font-size:20px;
	font-weight:700;
	font-family:"Microsoft YaHei";
	position:relative;
	top:4px;
	line-height:32px
}
.news-box .news-top a:hover {
	color:#aa9452
}
.news-box .news-top .red {
	display:none;
	position:relative;
	top:-6px;
	width:31px;
	height:12px
}
.news-box .news-line {
	background:url(/static/images/news-line_aa2f9b1.png) no-repeat;
	width:511px;
	height:1px;
	margin:15px auto
}
.news-box .news.active {
	display:block
}
.news-box .news {
	display:none;
	padding:0 20px
}
.news-box .news .news-special {
	background:rgba(151, 162, 183, .2);
	list-style:none;
	height:35px;
	line-height:35px;
	margin-bottom:13px;
	padding-left:0
}
.news-box .news .news-special:before {
	display:none
}
.news-box .news .news-special .icon32 {
	width:52px;
	height:35px;
	text-indent:5px;
	font-size:18px;
	color:#fff;
	display:inline-block;
	margin-right:5px;
	background-repeat: no-repeat;
}
.news-box .news .news-special a {
	font-size:16px
}
.news-box .news li {
	line-height:32px;
	font-size:14px;
	color:#39456c;
	vertical-align:middle;
	position:relative;
	padding-left:12px
}
.news-box .news li:before {
	content:'';
	width:3px;
	height:3px;
	border:1px solid #455175;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	left:0;
	top:13px
}
.news-box .news li span {
	font-size:14px
}
.news-box .news li .type {
	margin-left:-5px;
	vertical-align:bottom;
	display:inline-block;
*zoom:1;
*display:inline
}
.news-box .news li a {
	display:inline-block;
	font-size:14px;
	color:#39456c;
	font-family:"Microsoft YaHei";
	white-space:nowrap;
	width:400px;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	vertical-align:bottom;
	text-align:left;
	padding-left:0;
	box-sizing:border-box
}
.news-box .news li a:hover {
	color:#b59852;
	text-decoration:none
}
#codes {
	width:1204px;
	position:absolute;
	left:50%;
	top:2140px;
	margin-left:-602px
}
#codes>div {
	float:left;
	position:relative
}
#codes .btn-code {
	width:23px;
	height:43px;
	position:absolute;
	left:11px;
	top:97px;
	background-repeat: no-repeat;
}
#codes .btn-code:hover {
	background-repeat: no-repeat;
}
#codes .code {
	width:210px;
	height:166px;
	position:absolute;
	left:0;
	top:0;
	display:none
}
#codes .wx {
	background:url(/static/images/bg-wx_ddd887b.png) no-repeat;
	width:210px;
	height:166px;
	margin-right:48px
}
#codes .wx .icon {
	background:url(/static/images/icon-wx_ca6bac5.png) no-repeat;
	width:210px;
	height:166px
}
#codes .wx .code {
	background:url(/static/images/code-wx_ecb61f5.png) no-repeat
}
#codes .wb {
	background:url(/static/images/bg-wb_d51f586.png) no-repeat;
	width:210px;
	height:166px;
	margin-right:48px
}
#codes .wb .icon {
	background:url(/static/images/icon-wb_1c94317.png) no-repeat;
	width:210px;
	height:166px
}
#codes .wb .code {
	background:url(/static/images/code-wb_052edd3.png) no-repeat
}
#codes .bbs {
	background:url(/static/images/bbs_33df9aa.png) no-repeat;
	width:210px;
	height:166px;
	margin-right:48px
}
#codes .bbs .btn-code2 {
	display:block;
	width:180px;
	height:180px;
	margin-left:20px
}
#codes .kefu {
	background:url(/static/images/bg-kefu_582d911.png) no-repeat;
	width:429px;
	height:166px
}
#codes .links {
	width:188px;
	height:100px;
	margin-top:44px;
	margin-left:67px
}
#codes .links li {
	list-style:none;
	width:94px;
	height:28px;
	float:left;
	position:relative
}
#codes .links li:before {
	content:'';
	position:absolute;
	width:4px;
	height:4px;
	border:1px solid #5e667b;
	left:-10px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	top:10px
}
#codes .links a {
	font-size:14px;
	color:#626a7e
}
#codes .links a:hover {
	color:#a78c3d;
	text-decoration:underline
}
#codes .phone {
	width:166px;
	height:95px;
	position:absolute;
	left:254px;
	top:30px;
	color:#626a7e;
	font-size:14px;
	padding-top:60px;
	text-align:left
}
#codes .phone p {
	text-indent:13px
}
#codes .phone i {
	position:absolute;
	width:57px;
	height:58px;
	left:48px;
	top:0;
	background-repeat: no-repeat;
}
.cd-animate {
	width:900px;
	height:320px;
	position:absolute;
	left:50%;
	margin-left:-698px;
	top:2107px;
	background:url(/static/images/fengye_e2f1004.png) no-repeat;
	opacity:0
}
.cd-animate.show {
	opacity:1;
	-webkit-animation:stepAn steps(16) 1.7s both 300ms 0 ease;
	-moz-animation:stepAn steps(16) 1.7s both 300ms 0 ease;
	-ms-animation:stepAn steps(16) 1.7s both 300ms 0 ease;
	animation:stepAn steps(16) 1.7s both 300ms 0 ease;
	-moz-animation:stepAn steps(16) 1.7s both;
	-webkit-animation:stepAn steps(16) 1.7s both;
	-o-animation:stepAn steps(16) 1.7s both;
	-ms-animation:stepAn steps(16) 1.7s both;
	animation:stepAn steps(16) 1.7s both
}
.caidan {
	background:url(/static/images/caidan_1869284.png) no-repeat;
	width:1842px;
	height:70px;
	position:absolute;
	left:50%;
	margin-left:-866px;
	top:2350px;
	display:none
}
@-webkit-keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@-moz-keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@-o-keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@-ms-keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes rotate {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
#dashi {
	position:absolute;
	top:1332px;
	left:50%;
	margin-left:105px;
	width:555px;
	height:400px;
	z-index:2
}
#dashi .ds-title {
	background:url(/static/images/title-dashi_14272a3.png) no-repeat;
	width:222px;
	height:31px
}
#dashi .video {
	width:639px;
	height:349px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-274px;
	overflow:hidden
}
#dashi .video video {
	display:block;
	width:840px;
	position:relative;
	top:-62px;
	left:-100px
}
#dashi .switch {
	width:122px;
	height:25px;
	position:absolute;
	right:4px;
	bottom:4px
}
#dashi .switch i {
	display:block;
	float:left;
	background:url(/static/images/icon-banner_15a65c5.png) no-repeat;
	width:19px;
	height:20px;
	margin-right:5px;
	cursor:pointer
}
#dashi .switch i.active {
	background:url(/static/images/icon-banner2_d60edf5.png) no-repeat
}
#dashi .zhezhao {
	cursor:pointer
}
.cxd {
	background:url(/static/images/cxd-bg_c3df4e7.jpg) no-repeat right top;
	width:555px;
	height:350px;
	position:absolute;
	right:0;
	bottom:0;
-webkit-transition:width .7s ease-out;
-moz-transition:width .7s ease-out;
-ms-transition:width .7s ease-out;
-o-transition:width .7s ease-out;
transition:width .7s ease-out
}
.cxd.open {
	width:1362px
}
.cxd.open .title {
	left:-15px
}
.cxd.open .more {
	left:123px
}
.cxd .person {
	background:url(/static/images/cxd-name_3a039b1.png) no-repeat;
	width:241px;
	height:388px;
	position:absolute;
	bottom:0;
	right:0
}
.cxd .play {
	width:57px;
	height:57px;
	position:absolute;
	right:212px;
	top:20px;
	cursor:pointer;
	background-repeat: no-repeat;
}
.cxd .play i {
	display:block;
	width:57px;
	height:57px;
	cursor:pointer;
	-webkit-animation:rotate 3s linear infinite 300ms 0 ease;
	-moz-animation:rotate 3s linear infinite 300ms 0 ease;
	-ms-animation:rotate 3s linear infinite 300ms 0 ease;
	animation:rotate 3s linear infinite 300ms 0 ease;
	-moz-animation:rotate 3s linear infinite;
	-webkit-animation:rotate 3s linear infinite;
	-o-animation:rotate 3s linear infinite;
	-ms-animation:rotate 3s linear infinite;
	animation:rotate 3s linear infinite;
	background-repeat: no-repeat;
}
.cxd .title {
	background:url(/static/images/cxd-title_4eb20db.png) no-repeat;
	width:504px;
	height:274px;
	position:absolute;
	left:-70px;
	top:0
}
.cxd .video {
	margin-left:-256px!important
}
.cxd .zhezhao {
	background:url(/static/images/zhezhao2_7f668ed.png) no-repeat;
	width:639px;
	height:350px;
	position:absolute;
	left:50%;
	margin-left:-256px;
	top:0;
	display:none
}
.cxd .more {
	width:177px;
	height:87px;
	position:absolute;
	left:40px;
	bottom:30px;
	background-repeat: no-repeat;
}
.cxd .more:hover {
	background-repeat: no-repeat;
}
.tsy {
	background:url(/static/images/tsy-bg_1cbcc12.jpg) no-repeat right top;
	width:555px;
	height:350px;
	position:absolute;
	right:0;
	bottom:0;
-webkit-transition:width .7s ease-out;
-moz-transition:width .7s ease-out;
-ms-transition:width .7s ease-out;
-o-transition:width .7s ease-out;
transition:width .7s ease-out
}
.tsy.open {
	width:1360px
}
.tsy .person {
	background:url(/static/images/tsy-name_b8cb625.png) no-repeat;
	width:298px;
	height:410px;
	position:absolute;
	bottom:0;
	right:0
}
.tsy .play {
	width:57px;
	height:57px;
	position:absolute;
	left:80px;
	top:157px;
	cursor:pointer;
	background-repeat: no-repeat;
}
.tsy .play i {
	display:block;
	width:57px;
	height:57px;
	cursor:pointer;
	-webkit-animation:rotate 3s linear infinite 300ms 0 ease;
	-moz-animation:rotate 3s linear infinite 300ms 0 ease;
	-ms-animation:rotate 3s linear infinite 300ms 0 ease;
	animation:rotate 3s linear infinite 300ms 0 ease;
	-moz-animation:rotate 3s linear infinite;
	-webkit-animation:rotate 3s linear infinite;
	-o-animation:rotate 3s linear infinite;
	-ms-animation:rotate 3s linear infinite;
	animation:rotate 3s linear infinite;
	background-repeat: no-repeat;
}
.tsy .title {
	background:url(/static/images/tsy-title_4a23b17.png) no-repeat;
	width:432px;
	height:260px;
	position:absolute;
	left:-30px;
	top:0
}
.tsy .zhezhao {
	background:url(/static/images/zhezhao_e662ade.png) no-repeat;
	width:639px;
	height:350px;
	position:absolute;
	left:50%;
	margin-left:-274px;
	top:0;
	display:none
}
.tsy .more {
	width:177px;
	height:87px;
	position:absolute;
	left:100px;
	bottom:35px;
	background-repeat: no-repeat;
}
.tsy .more:hover {
	background-repeat: no-repeat;
}
.wra {
	background:url(/static/images/wra-bg_f97dadc.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	height:387px;
	width:555px
}
.wra .more {
	width:185px;
	height:47px;
	position:absolute;
	top:258px;
	left:58px;
	background-repeat: no-repeat;
}
.wra .more:hover {
	background-repeat: no-repeat;
}
.ljy {
	background:url(/static/images/ljy-bg_5024d95.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	height:387px;
	width:555px
}
.ljy .more {
	width:177px;
	height:87px;
	position:absolute;
	top:258px;
	left:138px;
	background-repeat: no-repeat;
}
.ljy .more:hover {
	background-repeat: no-repeat;
}
.gb {
	background:url(/static/images/gb-bg_dcef3e7.png) no-repeat;
	position:absolute;
	right:0;
	bottom:0;
	height:387px;
	width:555px
}
.gb .more {
	width:177px;
	height:87px;
	position:absolute;
	top:256px;
	left:110px;
	background-repeat: no-repeat;
}
.gb .more:hover {
	background-repeat: no-repeat;
}
#media {
	width:1366px;
	height:330px;
	position:absolute;
	top:1746px;
	left:50%;
	margin-left:-705px;
	z-index:2
}
#media .title {
	width:93px;
	height:298px;
	position:absolute;
	top:0;
	right:20px
}
#media .media-tab:hover>img {
	transform:scale(1.1)
}
#media .media-tab:hover .flip-item-front {
	z-index:1;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg)
}
#media .media-tab:hover .flip-item-back {
	z-index:2;
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg)
}
#media .media-tab>img {
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	transition:all 1s ease-out;
	display:block;
	width:100%;
	height:100%
}
#media .bz {
	float:left;
	width:670px;
	height:330px;
	position:relative;
	cursor:pointer;
	overflow:hidden
}
#media .bz .title {
	background:url(/static/images/bz-title1_80d522f.png) no-repeat;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
#media .bz:hover .title {
	background:url(/static/images/bz-title2_7adfde2.png) no-repeat
}
#media .video {
	float:right;
	width:675px;
	height:330px;
	position:relative;
	cursor:pointer;
	overflow:hidden
}
#media .video .title {
	width:94px;
	background:url(/static/images/video-title1_bf46152.png) no-repeat;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}
#media .video:hover .title {
	background:url(/static/images/video-title2_9e9930f.png) no-repeat
}
.flip {
	transform:translate3d(0, 0, 0);
	position:absolute;
	left:0;
	top:0;
	width:93px;
	height:298px
}
.flip-box {
	position:relative;
	width:93px;
	height:298px;
	overflow:hidden
}
.flip-item {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
transition:all .5s ease-in-out;
	transform-style:preserve-3d;
	backface-visibility:hidden;
	box-sizing:border-box
}
.flip-item img {
	width:93px;
	height:298px;
	display:block
}
.flip-item-front {
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	transform:rotateY(0deg);
	z-index:2
}
.flip-item-back {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
	z-index:1
}
.flip-item-back .flip-item-text {
	color:#fff
}
#top .btns .btn-cz:hover {
	background-position:0px 0px
}
#top .btns .btn-haoli:hover {
	background-position:-67px 0px
}
#top .btns .btn-reg {
	background-position:-134px 0px
}
#top .btns .btn-reg:hover {
	background-position:-135px 0px
}
#top .btns .btn-reg2 {
	background-position:-202px 0px
}
#top .btns .btn-reg2:hover {
	background-position:-202px 0px
}
#top .btns .btn-cz {
	background-position:-268px 0px
}
#top .btns .btn-haoli {
	background-position:-335px 0px
}
#job-wrap .sw .name {
	background-position:0px -200px
}
#job-wrap .sm .name {
	background-position:-94px -200px
}
#job-wrap .jl .name {
	background-position:-188px -200px
}
#job-wrap .ty .name {
	background-position:-282px -200px
}
#job-wrap .xh .name {
	background-position:-402px 0px
}
#job-wrap .sx .name {
	background-position:-402px -147px
}
#job-wrap .job-more {
	background-position:0px -347px
}
#job-wrap .job-more:hover {
	background-position:-35px -347px
}
#job-wrap .xh .video {
	background-position:-70px -347px
}
#job-wrap .ty .video {
	background-position:-164px -347px
}
#job-wrap .jl .video {
	background-position:-258px -347px
}
#job-wrap .sm .video {
	background-position:-352px -347px
}
#job-wrap .sw .video {
	background-position:-496px 0px
}
#job-wrap .sx .video {
	background-position:-496px -94px
}
.cxd .more:hover {
	background-position:0px -452px
}
.tsy .more:hover {
	background-position:0px -452px
}
.ljy .more:hover {
	background-position:0px -452px
}
.gb .more:hover {
	background-position:0px -452px
}
.cxd .more {
	background-position:-177px -452px
}
.tsy .more {
	background-position:-177px -452px
}
.ljy .more {
	background-position:-177px -452px
}
.gb .more {
	background-position:-177px -452px
}
#codes .phone i {
	background-position:-496px -188px
}
.cxd .play {
	background-position:-496px -246px
}
.tsy .play {
	background-position:-496px -246px
}
.cxd .play i {
	background-position:-496px -303px
}
.tsy .play i {
	background-position:-496px -303px
}
.close_pv:hover {
	background-position:-496px -360px
}
.close_pv {
	background-position:-402px -294px
}
.wra .more:hover {
	background-position:-354px -452px
}
.wra .more {
	background-position:0px -539px
}
#codes .btn-code {
	background-position:-553px -188px
}
#codes .btn-code:hover {
	background-position:-553px -246px
}
#top .subtitle a {
	background-position:-354px -499px
}
#top .subtitle a:hover {
	background-position:-185px -539px
}
#btn-audio.off {
	background-position:-553px -303px
}
.news-box .news .news-special .icon32 {
	background-position:-496px -408px
}
#job-wrap .video i {
	background-position:-544px -360px
}
#btn-audio {
	background-position:-548px -408px
}
#top .btns .btn-haoli i {
	background-position:-450px -294px
}
#top .btns .btn-reg i {
	background-position:-376px -200px
}
#top .btns .btn-reg2 i {
	background-position:-376px -200px
}
#top .btns .btn-cz i {
	background-position:-376px -226px
}
#top .banner .switch-ctrl span:hover, #top .banner .switch-ctrl span.current {
	background-position:-553px -338px
}
#top .banner .switch-ctrl span {
	background-position:-568px -360px
}
#top .btns .btn-cz:hover, #top .btns .btn-haoli:hover, #top .btns .btn-reg, #top .btns .btn-reg:hover,#top .btns .btn-reg2, #top .btns .btn-reg2:hover, #top .btns .btn-cz, #top .btns .btn-haoli, #job-wrap .sw .name, #job-wrap .sm .name, #job-wrap .jl .name, #job-wrap .ty .name, #job-wrap .xh .name, #job-wrap .sx .name, #job-wrap .job-more, #job-wrap .job-more:hover, #job-wrap .xh .video, #job-wrap .ty .video, #job-wrap .jl .video, #job-wrap .sm .video, #job-wrap .sw .video, #job-wrap .sx .video, .cxd .more:hover, .tsy .more:hover, .ljy .more:hover, .gb .more:hover, .cxd .more, .tsy .more, .ljy .more, .gb .more, #codes .phone i, .cxd .play {
	background-image: url(/static/images/index_z_a3329a3.png)
}
.tsy .play, .cxd .play i, .tsy .play i, .close_pv:hover, .close_pv, .wra .more:hover, .wra .more, #codes .btn-code, #codes .btn-code:hover, #top .subtitle a, #top .subtitle a:hover, #btn-audio.off, .news-box .news .news-special .icon32, #job-wrap .video i, #btn-audio, #top .btns .btn-haoli i, #top .btns .btn-reg i,#top .btns .btn-reg2 i, #top .btns .btn-cz i, #top .banner .switch-ctrl span:hover, #top .banner .switch-ctrl span.current, #top .banner .switch-ctrl span {
	background-image: url(/static/images/index_z_a3329a3.png)
}