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
}
.clearfix:after {
	content: '';
	clear: both;
	display: block;
	width: 0;
	overflow: hidden;
	visibility: hidden
}
.noSize {
	font-size: 0;
	text-indent: -9999em
}
.flex {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}
#captcha {
	float: none
}
.jian {
	width: 294px;
	height: 763px;
	position: absolute;
	left: 50%;
	margin-left: 504px;
	bottom: -440px
}
.Mshare {
	height: 40px;
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	position: absolute;
	top: 2200px;
	z-index: 1
}
.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(img/bg_153056e.jpg); no-repeat center top;
	width: 100%;
	height: 2800px;
	position: relative;
	overflow: hidden
}
.wrap .main-content {
	position: relative;
	height: 2600px
}
.bgvideo {
	width: 1920px;
	height: 1080px;
	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
}
.bgvideo1 {
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0
}
.footer-img {
	background: url(img/bg3_adc15ac.png) no-repeat;
	width: 1920px;
	height: 1080px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0
}
#foot {
	position: relative;
	z-index: 1
}
.main {
	width: 1400px;
	margin: 0 auto;
	position: relative
}
div#pop-libao {
	background: url(../img/bg_pop-v1.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 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)
}
}
@-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 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 scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-moz-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-ms-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-o-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-webkit-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-moz-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-ms-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-o-keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@keyframes scan {
0% {
top:28px
}
100% {
top:110px
}
}
@-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)
}
}
@-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)
}
}
@-webkit-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-ms-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeout {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-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
}
}
@-o-keyframes fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-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
}
}
@-o-keyframes fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadein {
0% {
opacity:0
}
100% {
opacity:1
}
}
#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: 140px;
	left: 50%;
	margin-left: 105px;
	height: 830px;
	z-index: 2
}
#top .slogan {
	background: url(img/slogan_165b7a6.png) no-repeat;
	background-position: 35% bottom;
	width: 630px;
	height: 277px;
	position: relative;
	left: -20px
}
#top .subtitle {
	background: url(img/subtitle_7911f6c.png) no-repeat;
	width: 387px;
	height: 48px;
	margin-top: -54px;
	margin-left: 96px;
	position: relative;
	cursor: pointer
}
#top .subtitle div {
	display: block;
	position: absolute;
	right: 3px;
	top: 5px;
	width: 155px;
	height: 37px;
	background-repeat: no-repeat;
}
#top .subtitle div:hover {
	background-repeat: no-repeat;
}
#top .btns {
	margin-top: 35px;
	margin-left: -1px;
	width: 555px;
	height: 218px
}
#top .btns:after {
	content: '';
	clear: both;
	height: 0;
	display: block;
	visibility: hidden
}
#top .btns .btns-1 {
	width: 100%;
	height: 154px;
	margin-bottom: 1px;
	position: relative
}
#top .btns .btns-1>a {
	float: left
}
#top .btns .btn {
	float: left;
	width: 184px;
	height: 63px
}
#top .btns .btn-down {
	background: url(img/000_22f52bd.gif) no-repeat;
	height: 154px;
	width: 370px;
	margin-right: 1px
}
#top .btns .btn-down:hover {
	background: url(img/btn4_534d654.gif) no-repeat
}
#top .btns .btn-down .flower-big {
	width: 52px;
	height: 50px;
	display: block;
	margin-top: -20px;
	margin-left: 24px;
	-webkit-animation: roate 2s ease infinite 300ms 0 ease;
	-moz-animation: roate 2s ease infinite 300ms 0 ease;
	-ms-animation: roate 2s ease infinite 300ms 0 ease;
	animation: roate 2s ease infinite 300ms 0 ease;
	-moz-animation: roate 2s ease infinite;
	-webkit-animation: roate 2s ease infinite;
	-o-animation: roate 2s ease infinite;
	-ms-animation: roate 2s ease infinite;
	animation: roate 2s ease infinite;
	background-repeat: no-repeat;
}
#top .btns .btn-down .flower-small {
	width: 36px;
	height: 34px;
	display: block;
	margin-top: -24px;
	margin-left: 10px;
	-webkit-animation: roate 1s ease infinite 300ms 0 ease;
	-moz-animation: roate 1s ease infinite 300ms 0 ease;
	-ms-animation: roate 1s ease infinite 300ms 0 ease;
	animation: roate 1s ease infinite 300ms 0 ease;
	-moz-animation: roate 1s ease infinite;
	-webkit-animation: roate 1s ease infinite;
	-o-animation: roate 1s ease infinite;
	-ms-animation: roate 1s ease infinite;
	animation: roate 1s ease infinite;
	background-repeat: no-repeat;
}
#top .btns .btn-yujian {
	background: url(img/bg-yujian_c483ea0.png) no-repeat;
	width: 198px;
	height: 169px;
	position: absolute;
	left: 370px;
	top: -16px
}
#top .btns .btn-yujian img {
	display: block;
	position: relative;
	left: 18px;
	top: 32px
}
#top .btns .btn-yujian .wx-scanning {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 128px;
	height: 14px;
	background: url(img/wx-sacnning_dd60977.png) no-repeat;
	background-size: 100% auto;
	-webkit-animation: scan 3s linear infinite alternate 300ms 0 ease;
	-moz-animation: scan 3s linear infinite alternate 300ms 0 ease;
	-ms-animation: scan 3s linear infinite alternate 300ms 0 ease;
	animation: scan 3s linear infinite alternate 300ms 0 ease;
	-moz-animation: scan 3s linear infinite alternate;
	-webkit-animation: scan 3s linear infinite alternate;
	-o-animation: scan 3s linear infinite alternate;
	-ms-animation: scan 3s linear infinite alternate;
	animation: scan 3s linear infinite alternate
}
#top .btns .btn-haoli {
	background: url(img/btns2_66a0ada.png) no-repeat 0 -155px;
	margin-right: 1px
}
#top .btns .btn-haoli:hover {
	background: url(img/btns2_66a0ada.png) no-repeat 0 bottom
}
#top .btns .btn-haoli i {
	width: 24px;
	height: 28px;
	display: block;
	margin-top: 18px;
	margin-left: 27px;
	-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 {
	margin-right: 1px;
	background: url(img/btns2_66a0ada.png) no-repeat -185px -155px
}
#top .btns .btn-reg:hover {
	background: url(img/btns2_66a0ada.png) no-repeat -185px bottom
}
#top .btns .btn-reg i {
	width: 26px;
	height: 26px;
	display: block;
	margin-top: 18px;
	margin-left: 27px;
	-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:url(img/btns2_66a0ada.png) no-repeat right -155px
}
#top .btns .btn-cz:hover {
	background: url(img/btns2_66a0ada.png) no-repeat right bottom
}
#top .btns .btn-cz i {
	width: 26px;
	height: 26px;
	display: block;
	margin-top: 18px;
	margin-left: 27px;
	-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: 15px 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 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)
}
}
@-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;
	position: absolute;
	top: 340px;
	left: 260px;
	z-index: 4
}
#job-wrap .job-nav a {
	display: block;
	width: 97px;
	height: 20px;
	margin-bottom: 28px;
	background: url(img/nav_2f266d1.png) no-repeat
}
#job-wrap .job-nav .nav0 {
	width: 97px;
	height: 22px;
	background-repeat: no-repeat;
}
#job-wrap .job-nav .nav0:hover, #job-wrap .job-nav .nav0.active {
	background-repeat: 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
}
#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;
	left: 380px
}
#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
}
#job-wrap .sw {
	background: url(sw_fd4c1a4.png) no-repeat
}
#job-wrap .sw .animate {
	background: url(img/43f8847b9aba7afeb8748274ae61470b.png) no-repeat
}
#job-wrap .sw .video {
	background-repeat: no-repeat;
}
#job-wrap .sw .name {
	background-repeat: no-repeat;
}
#job-wrap .ly .person {
	background: url(img/ly_b924604.png) no-repeat;
	z-index: 2;
	width: 1541px;
	height: 1967px;
	position: absolute;
	left: 0;
	top: 0
}
#job-wrap .ly .animate {
	background: url(img/ef482b5f-b99c-46fa-b4dc-e03841afb0f9.png) no-repeat;
	width: 250px;
	height: 150px;
	position: absolute;
	left: 1164px;
	top: 66px;
	-webkit-animation: stepAn steps(49) 2s infinite 300ms 0 ease;
	-moz-animation: stepAn steps(49) 2s infinite 300ms 0 ease;
	-ms-animation: stepAn steps(49) 2s infinite 300ms 0 ease;
	animation: stepAn steps(49) 2s infinite 300ms 0 ease;
	-moz-animation: stepAn steps(49) 2s infinite;
	-webkit-animation: stepAn steps(49) 2s infinite;
	-o-animation: stepAn steps(49) 2s infinite;
	-ms-animation: stepAn steps(49) 2s infinite;
	animation: stepAn steps(49) 2s infinite;
	z-index: 3
}
#job-wrap .ly .animate2 {
	background: url(img/72eb9256-147e-4e24-b2ec-0ef466699465.png) no-repeat;
	width: 607px;
	height: 684px;
	position: absolute;
	left: 435px;
	top: 251px;
	-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;
	z-index: 1
}
#job-wrap .ly .video {
	z-index: 3;
	background-repeat: no-repeat;
}
#job-wrap .ly .name {
	z-index: 3;
	width: 91px;
	background-repeat: no-repeat;
}
#job-wrap .xh {
	background: url(img/xh_d968f2c.png) no-repeat
}
#job-wrap .xh .animate {
	background: url(img/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(img/jl_7e85966.png) no-repeat
}
#job-wrap .jl .animate {
	background: url(img/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(img/sm_343c168.png) no-repeat;
	width: 1541px;
	height: 1967px;
	position: absolute;
	left: 0;
	top: 0
}
#job-wrap .sm .animate {
	background: url(img/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(img/sx_eaeb078.png) no-repeat
}
#job-wrap .sx .animate {
	background: url(img/de3fef53-d2a1-420e-8acb-5e7bf9e38617.png) no-repeat
}
#job-wrap .sx .video {
	background-repeat: no-repeat;
}
#job-wrap .sx .name {
	background-repeat: no-repeat;
}
#job-wrap .ty {
	background: url(img/ty_44f8f54.png) no-repeat
}
#job-wrap .ty .animate {
	background: url(img/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: #f5f8fd;
	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: 970px;
	left: 50%;
	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(img/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(img/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(img/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(img/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(img/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: 2100px;
	margin-left: -602px;
	z-index: 1
}
#codes>div {
	float: left;
	position: relative
}
#codes .btn-code {
	width: 23px;
	height: 43px;
	position: absolute;
	left: 11px;
	top: 101px;
	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(img/foot/bg-wx_1282e2d.png) no-repeat;
	width: 210px;
	height: 166px;
	margin-right: 48px
}
#codes .wx .icon {
	background: url(img/icon-wx_ca6bac5.png) no-repeat;
	width: 210px;
	height: 166px
}
#codes .wx .code {
	background: url(img/code-wx_ecb61f5.png) no-repeat
}
#codes .wb {
	background: url(img/bg-wb_af3680e.png) no-repeat;
	width: 210px;
	height: 166px;
	margin-right: 48px
}
#codes .wb .icon {
	background: url(img/icon-wb_1c94317.png) no-repeat;
	width: 210px;
	height: 166px
}
#codes .wb .code {
	background: url(img/code-wb_052edd3.png) no-repeat
}
#codes .bbs {
	background: url(img/bg-bbs_5eb521b.png) no-repeat;
	width: 210px;
	height: 166px;
	margin-right: 48px
}
#codes .bbs .icon {
	background: url(img/icon-bbs_68986c9.png) no-repeat;
	width: 210px;
	height: 166px
}
#codes .bbs .code {
	background: url(img/code-bbs_83634f9.png) no-repeat
}
#codes .kefu {
	background: url(img/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: -685px;
	top: 2600px;
	background: url(img/fengye_e2f1004.png) no-repeat;
	opacity: 0;
	z-index: 1
}
.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(img/caidan_1869284.png) no-repeat;
	width: 1842px;
	height: 70px;
	position: absolute;
	left: 50%;
	margin-left: -866px;
	top: 2100px;
	display: none;
	z-index: 1
}
@-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)
}
}
@-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(img/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(img/icon-banner_15a65c5.png) no-repeat;
	width: 19px;
	height: 20px;
	margin-right: 5px;
	cursor: pointer
}
#dashi .switch i.active {
	background: url(img/icon-banner2_d60edf5.png) no-repeat
}
#dashi .zhezhao {
	cursor: pointer
}

.cxd.open {
	width: 1362px
}
.cxd.open .title {
	left: -15px
}
.cxd.open .more {
	left: 123px
}

.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 .video {
	margin-left: -256px!important
}

.cxd .more {
	width: 177px;
	height: 87px;
	position: absolute;
	left: 40px;
	bottom: 30px;
	background-repeat: no-repeat;
}
.cxd .more:hover {
	background-repeat: no-repeat;
}

.tsy.open {
	width: 1360px
}

.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 .more {
	width: 177px;
	height: 87px;
	position: absolute;
	left: 100px;
	bottom: 35px;
	background-repeat: no-repeat;
}
.tsy .more:hover {
	background-repeat: no-repeat;
}
.wra {
	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(img/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 .more {
	width: 177px;
	height: 87px;
	position: absolute;
	top: 256px;
	left: 110px;
	background-repeat: no-repeat;
}
.gb .more:hover {
	background-repeat: no-repeat;
}
#gonglue {
	position: absolute;
	left: 50%;
	top: 2681px;
	width: 1362px;
	margin-left: -701px;
	z-index: 1
}
#gonglue .more {
	display: block;
	position: absolute;
	right: 0;
	top: 24px;
	width: 95px;
	height: 28px;
	z-index: 2;
	background-repeat: no-repeat;
}
#gonglue .more:hover {
	background-repeat: no-repeat;
}
#gonglue .title {
	width: 427px;
	height: 27px;
	margin: 10px 0 14px;
	background-repeat: no-repeat;
}
#gonglue .content-wrap {
	width: 1362px;
	height: 414px;
	background: url(img/luntan-bg_3ac111d.png) no-repeat
}
#gonglue .gl-luntan {
	width: 762px;
	height: 414px;
	margin-left: 27px
}
#gonglue .gl-banner {
	width: 549px;
	height: 415px;
	background: url(img/banner-bg_8b8c43f.png) no-repeat;
	margin-top: 6px;
	margin-right: 6px
}
#gonglue .search-wrap {
	position: relative;
	width: 762px;
	height: 48px;
	border: 1px solid #a0a6ba;
	margin: 30px 0 0
}
#gonglue .search-wrap input {
	position: absolute;
	left: 0;
	top: 0;
	width: 642px;
	height: 100%;
	line-height: 48px;
	display: block;
	padding-left: 18px;
	color: #b4b5b7;
	font-size: 14px;
	border: 0;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: transparent;
	outline: 0
}
#gonglue .search-wrap .btn-search {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 48px;
	background-repeat: no-repeat;
}
#gonglue .search-wrap .btn-search:hover {
	background-repeat: no-repeat;
}
#gonglue .luntan-tab {
	height: 108px;
	overflow: hidden;
	margin: 35px auto 8px
}
#gonglue .luntan-tab a {
	position: relative;
	width: 25%;
	height: 100%;
	display: block;
	float: left;
	background: url(https://n.res.netease.com/pc/gw/20180619161414/img/gonglue/tab1_46b4a71.png)
}
#gonglue .luntan-tab a:hover, #gonglue .luntan-tab a.active {
	background-image: url(https://n.res.netease.com/pc/gw/20180619161414/img/gonglue/tab4_3eef64b.png)
}
#gonglue .luntan-tab a:hover em, #gonglue .luntan-tab a.active em {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
#gonglue .luntan-tab a em {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-webkit-transform: translate3d(0, 10%, 0);
	-moz-transform: translate3d(0, 10%, 0);
	-ms-transform: translate3d(0, 10%, 0);
	-o-transform: translate3d(0, 10%, 0);
	transform: translate3d(0, 10%, 0);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background-image: url(https://n.res.netease.com/pc/gw/20180619161414/img/gonglue/tab3_724754e.png)
}
#gonglue .luntan-tab .lpgl {
	width: 134px;
	background-position: 0 0
}
#gonglue .luntan-tab .lpgl em {
	background-position: 0 0
}
#gonglue .luntan-tab .zbjj {
	width: 159px;
	background-position: -134px 0
}
#gonglue .luntan-tab .zbjj em {
	background-position: -134px 0
}
#gonglue .luntan-tab .tswf {
	width: 161px;
	background-position: -293px 0
}
#gonglue .luntan-tab .tswf em {
	background-position: -293px 0
}
#gonglue .luntan-tab .fbjc {
	width: 154px;
	background-position: -453px 0
}
#gonglue .luntan-tab .fbjc em {
	background-position: -453px 0
}
#gonglue .luntan-tab .qwsj {
	width: 152px;
	background-position: right 0
}
#gonglue .luntan-tab .qwsj em {
	background-position: right 0
}
#gonglue .news.active {
	display: block
}
#gonglue .news {
	width: 100%;
	height: 190px;
	display: none;
	padding: 0;
	font-size: 0;
	border-bottom: 1px solid #d1d3d9
}
#gonglue .news li {
	width: 340px;
	display: inline-block;
	float: left;
	line-height: 32px;
	font-size: 14px;
	color: #39456c;
	vertical-align: middle;
	position: relative;
	padding-left: 12px;
	margin-top: 12px
}
#gonglue .news li:nth-child(even) {
	margin-left: 45px
}
#gonglue .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
}
#gonglue .news li span {
	font-size: 14px
}
#gonglue .news li .type {
	vertical-align: bottom;
	display: inline-block;
*zoom:1;
*display:inline
}
#gonglue .news li a {
	display: inline-block;
	font-size: 14px;
	color: #39456c;
	font-family: "Microsoft YaHei";
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	vertical-align: bottom;
	text-align: left;
	padding-left: 0;
	box-sizing: border-box
}
#gonglue .news li a:hover {
	color: #a78c3d;
	text-decoration: none
}
#gonglue .swiper-pagination {
	top: 267px;
	right: 22px
}
#gonglue .swiper-pagination:before {
	position: absolute;
	top: 10px;
	left: -446px;
	content: '';
	width: 446px;
	border-bottom: 1px dotted #9fa0a2
}
#gonglue .swiper-pagination-bullet {
	opacity: 1;
	width: 19px;
	height: 20px;
	background: url(https://n.res.netease.com/pc/gw/20180619161414/img/gonglue/pagination2_a62d101.png) no-repeat;
	margin-left: 10px
}
#gonglue .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: url(https://n.res.netease.com/pc/gw/20180619161414/img/gonglue/pagination_c2bd69c.png) no-repeat
}
#gonglue .gl-links {
	width: 574px;
	margin: 52px 0 0 26px
}
#gonglue .gl-links li {
	position: relative;
	display: block;
	float: left;
	width: 124px;
	font-size: 0;
	text-align: center
}
#gonglue .gl-links li:after {
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	display: block;
	width: 1px;
	height: 147px;
	background: url(https://n.res.netease.com/pc/gw/20180619161414/img/gonglue/line_7fe5c64.png) no-repeat
}
#gonglue .gl-links li a {
	display: inline-block;
	width: 27px;
	height: 143px;
	-webkit-transition: transform .15s linear;
	-moz-transition: transform .15s linear;
	-ms-transition: transform .15s linear;
	-o-transition: transform .15s linear;
	transition: transform .15s linear
}
#gonglue .gl-links li a:hover {
	-webkit-transform: translate(0, -6px);
	-moz-transform: translate(0, -6px);
	-ms-transform: translate(0, -6px);
	-o-transform: translate(0, -6px);
	transform: translate(0, -6px)
}
#gonglue .gl-links li.li4:after {
	background: 0 0
}
#gonglue .gl-links li.li1 a {
	width: 57px;
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li1 a:hover {
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li2 a {
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li2 a:hover {
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li3 a {
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li3 a:hover {
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li4 a {
	background-repeat: no-repeat;
}
#gonglue .gl-links li.li4 a:hover {
	background-repeat: no-repeat;
}
#gonglue-banner {
	position: relative;
	width: 505px;
	margin: -19px auto 0
}
#gonglue-banner .swiper-slide {
	position: relative
}
#gonglue-banner .swiper-slide a {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90%;
	display: block
}

.mask {
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	-webkit-opacity: .85;
	-moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=85);
	display: none
}

#pop .pop-close:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
#pop .pop-down {
	display: block;
	width: 204px;
	height: 49px;
	position: absolute;
	left: 50%;
	margin-left: -446px;
	top: 515px;
	background-repeat: no-repeat;
}
#pop .pop-down:hover {
	background-repeat: no-repeat;
}
#pop .pop-chaxun {
	width: 172px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: 258px;
	top: 530px;
	background-repeat: no-repeat;
}
#pop .pop-chaxun:hover {
	background-repeat: no-repeat;
}
#dhpop_video {
	height: 369px;
	width: 708px;
	padding: 1px;
	position: absolute;
	left: 50%;
	margin-left: -354px;
	top: 300px;
	z-index: 99999999
}
#dhpop_video .hdpop_link {
	width: 708px;
	height: 369px;
	text-indent: -999em;
	display: block
}
#dhpop_video #close_dhpop {
	display: block;
	width: 50px;
	height: 45px;
	text-indent: -9999em;
	outline: 0;
	position: absolute;
	right: 294px;
	top: 15px
}


.yujian-pop .btn-yujian {
	width: 386px;
	height: 79px;
	position: absolute;
	left: 382px;
	top: 675px;
	background-repeat: no-repeat;
}
.yujian-pop .btn-yujian:hover {
	background-repeat: no-repeat;
}
#dasongyinghua {
	position: absolute;
	left: 50%;
	top: 2096px;
	width: 1362px;
	margin-left: -701px
}
#dasongyinghua .more {
	display: block;
	position: absolute;
	right: 0;
	top: 24px;
	width: 95px;
	height: 28px;
	z-index: 2;
	background-repeat: no-repeat;
}
#dasongyinghua .more:hover {
	background-repeat: no-repeat;
}
#dasongyinghua .title {
	width: 400px;
	height: 27px;
	margin: 10px 0 14px;
	background-repeat: no-repeat;
}

#dasongyinghua .content-wrap .zt-btn {
	position: absolute;
	width: 544px;
	height: 309px;
	top: 100px;
	left: 44px;
	z-index: 2;
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .zt-btn:hover {
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .download-btn {
	position: absolute;
	width: 527px;
	height: 83px;
	top: 429px;
	left: 40px;
	z-index: 2;
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .download-btn:hover {
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .tabs-wrap {
	position: absolute;
	top: 61px;
	right: 40px;
	color: #39456c;
	user-select: none;
	-webkit-user-select: none
}
#dasongyinghua .content-wrap .tabs-wrap .tab {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 2px
}
#dasongyinghua .content-wrap .tabs-wrap .tab.active {
	cursor: default
}
#dasongyinghua .content-wrap .tabs-wrap .tab.recom {
	width: 55px;
	height: 18px;
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .tabs-wrap .tab.change {
	width: 94px;
	height: 15px;
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .tabs-wrap .tab.change:hover {
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .tabs-wrap .devider {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}
#dasongyinghua .content-wrap .work-list-wrap {
	position: absolute;
	width: 766px;
	height: 437px;
	top: 96px;
	left: 616px;
	z-index: 2
}
#dasongyinghua .content-wrap .work-list-wrap .no-data {
	text-align: center;
	margin-top: 200px
}
#dasongyinghua .content-wrap .work-list-wrap .list-item {
	position: relative;
	display: inline-block;
	width: 207px;
	height: 187px;
	padding-top: 5px;
	margin: 10px 16px;
	font-size: 14px;
	vertical-align: top;
	box-sizing: border-box
}
#dasongyinghua .content-wrap .work-list-wrap .list-item img {
	width: 207px;
	height: 142px
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .img-mask {
	position: absolute;
	top: 5px;
	left: 0;
	width: 207px;
	height: 142px;
	background-color: #000;
	opacity: .2
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn {
	position: absolute;
	top: 0;
	width: 40px;
	height: 55px;
	z-index: 2
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn.detail {
	right: 10px;
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn.detail:hover {
	background-repeat: no-repeat;
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .middle-cover {
	position: absolute;
	top: 58px;
	left: 50%;
	z-index: 2
}

#dasongyinghua .content-wrap .work-list-wrap .list-item .middle-cover.play-btn:hover {
	-webkit-animation: zoomIn2 1s infinite 300ms 0 ease;
	-moz-animation: zoomIn2 1s infinite 300ms 0 ease;
	-ms-animation: zoomIn2 1s infinite 300ms 0 ease;
	animation: zoomIn2 1s infinite 300ms 0 ease;
	-moz-animation: zoomIn2 1s infinite;
	-webkit-animation: zoomIn2 1s infinite;
	-o-animation: zoomIn2 1s infinite;
	-ms-animation: zoomIn2 1s infinite;
	animation: zoomIn2 1s infinite
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .middle-cover.hover {
	opacity: 0
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .desc {
	color: #29335b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .rolename {
	color: #67719b;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

@-webkit-keyframes zoomIn2 {
0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(1.05)
}
100% {
-webkit-transform:scale(1)
}
}
@keyframes zoomIn2 {
0% {
transform:scale(1)
}
50% {
transform:scale(1.05)
}
100% {
transform:scale(1)
}
}
.bilibili-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 101
}
.bilibili-wrap .bilibili-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6
}

.bilibili-wrap .close-btn:hover {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}
.bilibili-wrap .frame-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2
}
.bilibili-wrap .frame-wrap iframe {
	width: 1200px;
	height: 680px
}
#media {
	width: 1362px;
	height: 330px;
	position: absolute;
	top: 1746px;
	left: 50%;
	margin-left: -701px;
	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(img/bz-title1_a3bffef.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(img/bz-title2_239b5c2.png) no-repeat
}
#media .video {
	float: right;
	width: 675px;
	height: 330px;
	position: relative;
	cursor: pointer;
	overflow: hidden
}
#media .video .title {
	width: 94px;
	background: url(img/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(img/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
}
#dasongyinghua .content-wrap .zt-btn:hover {
	background-position: 0px 0px
}
#dasongyinghua .content-wrap .zt-btn {
	background-position: -544px 0px
}
#job-wrap .sw .name {
	background-position: 0px -309px
}
#job-wrap .jl .name {
	background-position: -94px -309px
}
#job-wrap .xh .name {
	background-position: -188px -309px
}
#job-wrap .ly .name {
	background-position: -282px -309px
}
#job-wrap .ty .name {
	background-position: -373px -309px
}
#job-wrap .sx .name {
	background-position: -467px -309px
}
#job-wrap .sm .name {
	background-position: -561px -309px
}
#gonglue .gl-links li.li2 a {
	background-position: -655px -309px
}
#gonglue .gl-links li.li2 a:hover {
	background-position: -682px -309px
}
#gonglue .gl-links li.li3 a {
	background-position: -709px -309px
}
#gonglue .gl-links li.li3 a:hover {
	background-position: -736px -309px
}
#gonglue .gl-links li.li4 a {
	background-position: -763px -309px
}
#gonglue .gl-links li.li4 a:hover {
	background-position: -790px -309px
}
#gonglue .gl-links li.li1 a {
	background-position: -817px -309px
}
#gonglue .gl-links li.li1 a:hover {
	background-position: -874px -309px
}
#job-wrap .job-more {
	background-position: -931px -309px
}
#job-wrap .job-more:hover {
	background-position: -966px -309px
}
#job-wrap .jl .video {
	background-position: 0px -456px
}
#job-wrap .ty .video {
	background-position: -94px -456px
}
#job-wrap .sm .video {
	background-position: -188px -456px
}
#job-wrap .xh .video {
	background-position: -282px -456px
}
#job-wrap .sx .video {
	background-position: -376px -456px
}
#job-wrap .ly .video {
	background-position: -470px -456px
}
#job-wrap .sw .video {
	background-position: -564px -456px
}
.cxd .more:hover {
	background-position: -658px -456px
}
.tsy .more:hover {
	background-position: -658px -456px
}
.ljy .more:hover {
	background-position: -658px -456px
}
.gb .more:hover {
	background-position: -658px -456px
}
.cxd .more {
	background-position: -835px -456px
}
.tsy .more {
	background-position: -835px -456px
}
.ljy .more {
	background-position: -835px -456px
}
.gb .more {
	background-position: -835px -456px
}
#dasongyinghua .content-wrap .download-btn {
	background-position: 0px -550px
}
#dasongyinghua .content-wrap .download-btn:hover {
	background-position: -527px -550px
}
.yujian-pop .btn-yujian {
	background-position: 0px -633px
}
.yujian-pop .btn-yujian:hover {
	background-position: -386px -633px
}
#codes .phone i {
	background-position: -1001px -309px
}
.cxd .play i {
	background-position: -1012px -456px
}
.tsy .play i {
	background-position: -1012px -456px
}
.cxd .play {
	background-position: -772px -633px
}
.tsy .play {
	background-position: -772px -633px
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn.detail:hover {
	background-position: -829px -633px
}
#dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn.detail {
	background-position: -869px -633px
}
#top .btns .btn-down .flower-big {
	background-position: -909px -633px
}
#pop .pop-down:hover {
	background-position: 0px -712px
}
#pop .pop-down {
	background-position: -204px -712px
}
#gonglue .search-wrap .btn-search {
	background-position: -961px -633px
}
.close_pv {
	background-position: -408px -712px
}
.close_pv:hover {
	background-position: -456px -712px
}
#gonglue .search-wrap .btn-search:hover {
	background-position: -504px -712px
}
.wra .more {
	background-position: -604px -712px
}
.wra .more:hover {
	background-position: -789px -712px
}
#codes .btn-code {
	background-position: -1058px -309px
}
#codes .btn-code:hover {
	background-position: -1001px -367px
}
#top .subtitle div:hover {
	background-position: -931px -414px
}
#top .subtitle div {
	background-position: 0px -761px
}
#btn-audio.off {
	background-position: -1024px -367px
}
#job-wrap .video i {
	background-position: -1059px -367px
}
#btn-audio {
	background-position: -974px -712px
}
.news-box .news .news-special .icon32 {
	background-position: -1009px -712px
}
#top .btns .btn-down .flower-small {
	background-position: -155px -761px
}
#pop .pop-chaxun {
	background-position: -191px -761px
}
#pop .pop-chaxun:hover {
	background-position: -363px -761px
}
#top .btns .btn-haoli i {
	background-position: -1012px -513px
}
#gonglue .more:hover {
	background-position: -535px -761px
}
#dasongyinghua .more:hover {
	background-position: -535px -761px
}
#gonglue .more {
	background-position: -630px -761px
}
#dasongyinghua .more {
	background-position: -630px -761px
}
#gonglue .title {
	background-position: 0px -798px
}
#dasongyinghua .title {
	background-position: -427px -798px
}
#top .btns .btn-reg i {
	background-position: -1036px -513px
}
#top .btns .btn-cz i {
	background-position: -1062px -513px
}
#job-wrap .job-nav .nav0:hover, #job-wrap .job-nav .nav0.active {
	background-position: -772px -690px
}
#job-wrap .job-nav .nav0 {
	background-position: -869px -690px
}
#top .banner .switch-ctrl span:hover, #top .banner .switch-ctrl span.current {
	background-position: -1069px -456px
}
#top .banner .switch-ctrl span {
	background-position: -1069px -476px
}
#dasongyinghua .content-wrap .tabs-wrap .tab.recom {
	background-position: -966px -690px
}
#dasongyinghua .content-wrap .tabs-wrap .tab.change {
	background-position: -725px -761px
}
#dasongyinghua .content-wrap .tabs-wrap .tab.change:hover {
	background-position: -819px -761px
}
#dasongyinghua .content-wrap .zt-btn:hover, #dasongyinghua .content-wrap .zt-btn, #job-wrap .sw .name, #job-wrap .jl .name, #job-wrap .xh .name, #job-wrap .ly .name, #job-wrap .ty .name, #job-wrap .sx .name, #job-wrap .sm .name, #gonglue .gl-links li.li2 a, #gonglue .gl-links li.li2 a:hover, #gonglue .gl-links li.li3 a, #gonglue .gl-links li.li3 a:hover, #gonglue .gl-links li.li4 a, #gonglue .gl-links li.li4 a:hover, #gonglue .gl-links li.li1 a, #gonglue .gl-links li.li1 a:hover, #job-wrap .job-more, #job-wrap .job-more:hover, #job-wrap .jl .video, #job-wrap .ty .video, #job-wrap .sm .video, #job-wrap .xh .video, #job-wrap .sx .video, #job-wrap .ly .video, #job-wrap .sw .video, .cxd .more:hover, .tsy .more:hover, .ljy .more:hover, .gb .more:hover {
	background-image: url(img/index_z_552971b.png)
}
.cxd .more, .tsy .more, .ljy .more, .gb .more, #dasongyinghua .content-wrap .download-btn, #dasongyinghua .content-wrap .download-btn:hover, .yujian-pop .btn-yujian, .yujian-pop .btn-yujian:hover, #codes .phone i, .cxd .play i, .tsy .play i, .cxd .play, .tsy .play, #dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn.detail:hover, #dasongyinghua .content-wrap .work-list-wrap .list-item .top-btn.detail, #top .btns .btn-down .flower-big, #pop .pop-down:hover, #pop .pop-down, #gonglue .search-wrap .btn-search, .close_pv, .close_pv:hover, #gonglue .search-wrap .btn-search:hover, .wra .more, .wra .more:hover, #codes .btn-code, #codes .btn-code:hover, #top .subtitle div:hover, #top .subtitle div, #btn-audio.off, #job-wrap .video i {
	background-image: url(img/index_z_552971b.png)
}
#btn-audio, .news-box .news .news-special .icon32, #top .btns .btn-down .flower-small, #pop .pop-chaxun, #pop .pop-chaxun:hover, #top .btns .btn-haoli i, #gonglue .more:hover, #dasongyinghua .more:hover, #gonglue .more, #dasongyinghua .more, #gonglue .title, #dasongyinghua .title, #top .btns .btn-reg i, #top .btns .btn-cz i, #job-wrap .job-nav .nav0:hover, #job-wrap .job-nav .nav0.active, #job-wrap .job-nav .nav0, #top .banner .switch-ctrl span:hover, #top .banner .switch-ctrl span.current, #top .banner .switch-ctrl span, #dasongyinghua .content-wrap .tabs-wrap .tab.recom, #dasongyinghua .content-wrap .tabs-wrap .tab.change, #dasongyinghua .content-wrap .tabs-wrap .tab.change:hover {
	background-image: url(img/index_z_552971b.png)
}