body{font-family:"微软雅黑","黑体"; background:#000;}
ul,ol,li,dl,dt,dd,p,span,a,img,em,input,tr,th,td,h1,h2,h3,h4,h5,h6,h7{list-style-type:none; border:none; background:none; outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}


.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: -box;
	box-sizing: content-box
}
.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}
.swiper-container {
}
.swiper-slide {
}
.swiper-slide-active {
}
.swiper-slide-visible {
}
.swiper-pagination-switch {
}
.swiper-active-switch {
}
.swiper-visible-switch {
}
@charset "gb2312";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, input, textarea {
	margin: 0;
	padding: 0
}
fieldset, img {
	border: 0
}
:focus {
	outline: 0
}
h1, h2, h3, h4, h5, h6, code {
	font-size: 100%
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}
body {
	line-height: 1.5
}
ol, ul {
	list-style: none
}
textarea {
	overflow: auto;
	resize: none
}
a, button {
	cursor: pointer
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th {
	text-align: left
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline
}
:link, :visited, ins {
	text-decoration: none
}
del {
	text-decoration: line-through
}
a:hover {
	text-decoration: underline
}
body {
	font-family: "Microsoft YaHei", simSun, "Lucida Grande", "Lucida Sans Unicode", Arial;
	font-size: 12px;
	min-width: 1260px
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	height: 0
}
.hide {
	display: none
}
body {
	background: #1e283b
}
em, i {
	font-style: normal
}
.col-box {
	float: left;
	margin-right: 10px;
	position: relative
}
.mr-0 {
	margin-right: 0
}
.mr-10 {
	margin-right: 10px
}
.part {
	position: relative;
	width: 1220px;
	margin: 10px auto 0
}
.m-bfc img {
	float: left
}
.m-bfc p {
	overflow: hidden
}
.fn-left {
	float: left
}
.fn-right {
	float: right
}
.btn-more {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 20px;
	right: 20px;
	z-index: 2;
	background-repeat: no-repeat;
}
.btn-more:hover {
	background-color: #fff
}
.btn-more2:hover {
	background-repeat: no-repeat;
}
.tab-nav {
	z-index: 1;
	position: relative;
	padding-top: 15px
}
.tab-nav li {
	float: left;
	height: 32px;
	width: 50px
}
.tab-nav .current a {
	color: #e0e0e0
}
.tab-nav a {
	display: block;
	line-height: 30px;
	vertical-align: middle;
	font-size: 14px;
	padding: 0 11px;
	position: relative;
	color: #a9b6cc
}
.tab-nav a:hover {
	color: #fff
}
.tab-line {
	position: relative;
	margin-top: -1px;
	height: 1px;
	background: #5977a6
}
.i-line {
	transition: width .3s linear;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	-o-transition: width .3s linear;
	width: 0;
	height: 2px;
	background: #fff;
	display: block;
	margin: 0 auto
}
.current .i-line {
	width: 100%
}
.txt-list li {
	zoom: 1;
	position: relative;
	vertical-align: top
}
.txt-list li:first-child {
	padding-right: 0
}
.txt-list li:first-child .title {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #f1d06c;
	text-indent: -9999px;
	top: 50%;
	left: 6px;
	margin-top: -4px
}
.txt-list li:first-child .time {
	display: none
}
.txt-list li:first-child a {
	text-indent: 0;
	color: #f1d06c;
	font-size: 18px;
	line-height: 38px;
	height: 38px;
	font-weight: 700;
	zoom: 1;
	padding-left: 20px;
	padding-right: 0
}
.txt-list a {
	font-size: 14px;
	color: #d0d6e2;
	display: block;
	line-height: 32px;
	height: 32px;
	padding-right: 45px;
*width:227px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.txt-list a:hover {
	color: #fff;
	text-decoration: underline
}
.txt-list a:hover .time {
	color: #d0d6e2
}
.txt-list .time {
	color: #d0d6e2;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 3px
}
.txt-list-02 {
	padding-top: 10px
}
.txt-list-02 a {
	font-size: 12px;
	color: #cad2e0;
	padding-left: 12px;
	display: block;
	line-height: 23px;
	border-bottom: dashed 1px #8396b8;
	background-repeat: no-repeat;
}
.txt-list-02 a:hover {
	color: #fff;
	background-repeat: no-repeat;
}
.img-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}
.sub-title {
	padding-top: 20px;
	height: 29px;
	border-bottom: solid 1px #d5d5d6;
	margin-top: 1px
}
.sub-title i {
	padding: 8px 10px;
	font-size: 14px;
	color: #46689c;
	border-bottom: solid 2px #46689c;
	font-weight: 400
}
.sub-title2 {
	border-bottom: solid 1px #8794a8
}
.sub-title2 i {
	color: #fff;
	font-size: 12px;
	border-bottom: solid 2px #fff;
	padding: 11px 10px
}
.wrap {
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/bg_01_d0720ef.jpg) no-repeat center top;
	position: relative;
	-webkit-transition: background ease .2s;
	-moz-transition: background ease .2s;
	-ms-transition: background ease .2s;
	transition: background ease .2s;
	overflow: hidden
}
.head {
	height: 544px;
	position: relative;
	width: 1218px;
	margin: 0 auto
}
.hd-con {
	width: 387px;
	height: 200px;
	position: absolute;
	left: 50px;
	top: 140px;
	zoom: 1
}
.hd-txt {
	height: 191px
}
.hd-video {
	display: block;
	width: 227px;
	height: 57px;
	margin: 10px auto 20px;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/cg_video_bd9fbd2.png) no-repeat
}
.hd-video:hover {
	background-position: 0 -57px
}
.hd-btns {
	width: 411px;
	top: 262px;
	height: 63px;
	left: 24px;
	position: absolute;
	font-size: 0;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/activity_42b3951.png) no-repeat
}
.hd-btns a {
	display: inline-block;
*display:inline;
*zoom:1;
	height: 63px
}
.hd-btn-01 {
	width: 207px
}
.hd-btn-01:hover {
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/activity_01_h_0551838.png) 0 0 no-repeat;
*background:url(/res.wh2.netease.com/pc/gw/20151112164340/img/activity_01_h_0551838.png) 0 -1px no-repeat
}
.hd-btn-02 {
	width: 204px
}
.hd-btn-02:hover {
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/activity_02_h_04cb55e.png) 0 0 no-repeat;
*background:url(/res.wh2.netease.com/pc/gw/20151112164340/img/activity_02_h_04cb55e.png) 0 -1px no-repeat
}
.hd-server {
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/hd-server_05d0eee.png) no-repeat;
	width: 147px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	color: #917000;
	font-size: 16px;
	margin: 0 0 82px 24px
}
.hd-role-01 {
	position: absolute;
	left: -119px;
	top: 32px;
	width: 977px;
	height: 1016px;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/role_01_6cfd135.png) no-repeat
}
.hd-role-02 {
	position: absolute;
	right: -78px;
	top: -102px;
	width: 1194px;
	height: 580px;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/role_02_8c71c11.png) no-repeat;
	opacity: 0;
	display: none\9
}
.transfiguration {
	position: absolute;
	width: 135px;
	height: 135px;
	top: 245px;
	left: 534px;
	background-repeat: no-repeat;
}
.transfiguration i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.transfiguration i em {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}
.transfiguration span {
	color: #2a260f;
	font-size: 18px;
	font-weight: 700;
	position: absolute;
	width: 42px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	line-height: 20px;
	letter-spacing: 2px
}
.transfiguration:hover {
	text-decoration: none
}
.hd-light {
	position: absolute;
	width: 361px;
	height: 311px;
	top: 0;
	right: -78px;
	transform-origin: 100% 0;
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	-webkit-animation: rotate2 linear 10s infinite;
	-moz-animation: rotate2 linear 10s infinite;
	-ms-animation: rotate2 linear 10s infinite;
	animation: rotate2 linear 10s infinite;
	background-repeat: no-repeat;
}
@-webkit-keyframes rotate2 {
0%, 100% {
-webkit-transform:rotate(0)
}
50% {
-webkit-transform:rotate(-10deg)
}
}
@-moz-keyframes rotate2 {
0%, 100% {
-moz-transform:rotate(0)
}
50% {
-moz-transform:rotate(-10deg)
}
}
@-o-keyframes rotate2 {
0%, 100% {
-o-transform:rotate(0)
}
50% {
-o-transform:rotate(-10deg)
}
}
@-ms-keyframes rotate2 {
0%, 100% {
-ms-transform:rotate(0)
}
50% {
-ms-transform:rotate(-10deg)
}
}
@keyframes rotate2 {
0%, 100% {
transform:rotate(0)
}
50% {
transform:rotate(-10deg)
}
}
.nav {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	background: rgba(255,255,255,.75);
	filter: alpha(opacity=75);
	height: 80px;
	z-index: 10;
	overflow: hidden;
	-webkit-transition: height .3s ease;
	-moz-transition: height .3s ease;
	-ms-transition: height .3s ease;
	transition: height .3s ease
}
.nav .nav-center {
	margin-right: 202px
}
.nav-on {
	height: 300px
}
.nav-top {
	width: 1220px;
	margin: 0 auto
}
.nav-top a {
	display: block;
	width: 80px;
	float: left;
	margin: 0 25px;
	color: #595757;
	font-size: 16px;
	line-height: 80px;
	vertical-align: middle;
	text-align: center
}
.nav-top a:hover {
	color: #25282f
}
.logo {
	position: absolute;
	width: 181px;
	height: 110px;
	left: 50%;
	margin-left: -90px;
	top: 2px;
	z-index: 20;
	background-repeat: no-repeat;
}
.nav-sub {
	width: 1220px;
	margin: 0 auto
}
.nav-sub-list {
	float: left;
	width: 80px;
	margin: 0 25px;
	padding-bottom: 15px
}
.nav-sub-list a {
	line-height: 28px;
	font-size: 14px;
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	color: #595757
}
.nav-sub-list a:first-child {
	padding-top: 15px;
	border-top: solid 1px #bdc8d2
}
.nav-sub-list a:hover {
	color: #306fd1
}
.nav-sub-list-last {
	margin-left: 5px
}
.nav-sub-list-on a {
	color: #25282f
}
.part-01 {
	margin-top: 0
}
.part-01 .col-box {
	height: 360px
}
.download-box {
	width: 150px;
	background: #46689c;
	position: relative
}
.download-box a {
	height: 49px;
	display: block;
	margin: 0 15px;
	line-height: 49px;
	vertical-align: middle;
	text-align: center;
	color: #ededee;
	font-size: 16px;
	border-bottom: dashed 1px #6680aa
}
.download-box .btn-flash {
	position: absolute;
	width: 150px;
	height: 105px;
	left: 0;
	top: 0;
	margin: 0;
	border: 0;
	background-repeat: no-repeat;
}
.download-box .last-one {
	border-bottom: 0
}
.part-01 .download-box {
	height: 165px;
	padding-top: 105px
}
.banner-box {
	width: 900px; height:360px;
}
.banner-box .pagination {
	font-size: 0;
	width: auto;
	padding-left: 20px;
	position: absolute;
	bottom: 10px;
	left: 0
}
.banner-box .swiper-pagination-switch {
	display: inline-block;
*display:inline;
*zoom:1;
	width: 15px;
	height: 15px;
	opacity: 1;
	border-radius: 15px;
	margin: 0 5px;
	background-repeat: no-repeat;
}
.banner-box span.swiper-active-switch {
	width: 51px;
	background-repeat: no-repeat;
}
.banner-box .swiper-button-prev, .banner-box .swiper-button-next {
	position: absolute;
	cursor: pointer;
	width: 40px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	background-color: #000;
	background: rgba(0,0,0,.6);
	background-repeat: no-repeat;
	filter: alpha(opacity=60)
}
.banner-box .swiper-button-prev:hover, .banner-box .swiper-button-next:hover {
	background-color: #306fd1;
	filter: alpha(opacity=100)
}
.banner-box .swiper-button-next {
	-webkit-transition: ease .3s right;
	-moz-transition: ease .3s right;
	-ms-transition: ease .3s right;
	transition: ease .3s right;
	right: -40px;
	background-repeat: no-repeat;
}
.banner-box .swiper-button-prev {
	-webkit-transition: ease .3s left;
	-moz-transition: ease .3s left;
	-ms-transition: ease .3s left;
	transition: ease .3s left;
	left: -40px;
	background-repeat: no-repeat;
}
.banner-box:hover .swiper-button-next {
	right: 0
}
.banner-box:hover .swiper-button-prev {
	left: 0
}
.news-box {
	width: 310px;
	padding: 0 20px;
	background: #46689c
}
.news-box .swiper-container {
	height: 182px
}
.news-box .txt-list {
	padding-top: 10px
}
.news-box .txt-list .time {
	background: #46689c
}
.research-box {
	width: 310px;
	height: 24px;
	color: #d0d6e2;
	font-size: 12px;
	position: relative;
	background-repeat: no-repeat;
}
.research-box label {
	padding-left: 10px;
	line-height: 24px;
	vertical-align: middle
}
.research-box .research-input {
	height: 16px;
	font-size: 12px;
	padding: 4px 10px;
	border: 0;
	background: 0 0;
	vertical-align: middle;
	color: #d0d6e2
}
.research-box .input-submit {
	position: absolute;
	cursor: pointer;
	width: 80px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
	color: #46689c;
	right: 0;
	top: 0;
	background: 0 0;
	border: 0
}
.research-box .input-submit:hover {
	text-decoration: underline
}
.research-box.focus {
	color: #fff;
	background-repeat: no-repeat;
}
.research-box.focus .research-input {
	color: #fff
}
.part-02 .col-box {
	height: 350px
}
.activity-box {
	width: 120px;
	background: #46689c;
	font-size: 0;
	padding: 0 15px
}
.activity-box i {
	display: block;
	width: 33px;
	height: 32px;
	margin: 0 auto 10px;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease
}
.btn-activity {
	display: inline-block;
*display:inline;
*zoom:1;
	height: 74px;
	padding-top: 15px;
	text-align: center;
	width: 56px;
	color: #ededee;
	font-size: 14px
}
.btn-activity:hover i {
	text-decoration: none;
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg)
}
.btn-activity-01 {
	padding-right: 7px;
	border-bottom: dashed 1px #6680aa
}
.btn-activity-01 i {
	background-repeat: no-repeat;
}
.btn-activity-02 {
	border-bottom: dashed 1px #6680aa
}
.btn-activity-02 i {
	background-repeat: no-repeat;
}
.btn-activity-03 {
	padding-right: 7px
}
.btn-activity-03 i {
	background-repeat: no-repeat;
}
.btn-activity-04 i {
	width: 34px;
	background-repeat: no-repeat;
}
.qrcode-box {
	font-size: 0;
	margin-top: 10px
}
.qrcode-box a {
	font-size: 12px;
	padding: 5px 18px;
	line-height: 24px;
	background: #7089b1;
	color: #ededee
}
.qrcode-box a:hover, .qrcode-box a.current {
	text-decoration: none;
	background: #fff;
	color: #46689c
}
.qrcode-box a:first-child {
*margin-right:-1px
}
.qrcode-box img {
	padding: 6px;
	background: #fff
}
.strokes-box {
	width: 700px
}
.strokes-box .swiper-slide a {
	position: relative;
	display: block
}
.strokes-box em {
	position: absolute;
	width: 660px;
	color: #f1d06c;
	font-weight: 700;
	font-size: 18px;
	line-height: 38px;
	border-bottom: solid 1px #919499;
	left: 0;
	bottom: 75px;
	margin: 0 20px
}
.strokes-nav {
	position: absolute;
	bottom: 17px
}
.strokes-nav a {
	display: block;
	float: left;
	width: 100px;
	height: 40px;
	padding-top: 6px;
	color: #a1a1a1;
	text-align: center;
	line-height: 18px;
	margin: 0 19px;
	position: relative;
*border:solid 1px #ededee;
*padding-top:3px
}
.strokes-nav a:hover, .strokes-nav a.current {
	border-color: #ededee;
	text-decoration: none;
	color: #ededee
}
.strokes-nav a:hover:before, .strokes-nav a.current:before, .strokes-nav a:hover:after, .strokes-nav a.current:after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1)
}
.strokes-nav a:before, .strokes-nav a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease
}
.strokes-nav a:before {
	border-top: solid 1px #a1a1a1;
	border-bottom: solid 1px #a1a1a1;
	width: 100px;
	height: 47px;
	transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-o-transform: scale(0, 1)
}
.strokes-nav a:after {
	width: 98px;
	height: 48px;
	border-left: solid 1px #a1a1a1;
	border-right: solid 1px #a1a1a1;
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-o-transform: scale(1, 0)
}
.strokes-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/stroke_mask_8ec147d.png) no-repeat
}
.video-box {
	width: 310px;
	padding: 0 20px;
	background: #fff
}
.video-box .tab-nav .current a {
	color: #46689c
}
.video-box .tab-nav a {
	color: #676767
}
.video-box .tab-nav a:hover {
	color: #46689c
}
.video-box .i-line {
	background: #46689c
}
.video-box .tab-line {
	background: #d5d5d6
}
.video-list {
	font-size: 0;
	padding-top: 20px
}
.video-list li:first-child img {
	width: 310px;
	height: 170px
}
.video-list li:first-child em {
	font-size: 18px
}
.video-list li:first-child .video-mask {
	background-repeat: no-repeat;
}
.video-list li:first-child .video-play {
	position: absolute;
	width: 64px;
	height: 64px;
	left: 50%;
	margin-left: -32px;
	bottom: 50px;
	background-repeat: no-repeat;
}
.video-list img {
	width: 155px;
	height: 90px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.video-list .video-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}
.video-list .video-play {
	position: absolute;
	width: 28px;
	height: 28px;
	left: 8px;
	bottom: 30px;
	background-repeat: no-repeat;
}
.video-list li {
	display: block;
	float: left;
	position: relative;
	margin-bottom: 5px;
	overflow: hidden
}
.video-list li:hover {
	color: #ededee
}
.video-list li:hover em {
	text-decoration: underline
}
.video-list li:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
.video-list em {
	width: 100%;
	font-size: 12px;
	color: #ededee;
	opacity: .8;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 6px
}
.part-03 .col-box {
	height: 395px
}
.recommend-box {
	width: 150px
}
.recommend-box a {
	display: block;
	margin-bottom: 10px;
	background: #46689c;
	color: #ededee
}
.recommend-box a:hover {
	text-decoration: none;
	color: #fff
}
.recommend-box img {
	display: block
}
.recommend-box .btn-recommend {
	position: relative
}
.recommend-box .btn-recommend em {
	color: #d0d6e2;
	font-size: 14px;
	position: absolute;
	line-height: 18px;
	top: 0;
	left: 0;
	padding: 8px 15px 0
}
.recommend-box .btn-recommend i {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: 8px;
	background-repeat: no-repeat;
}
.recommend-box .btn-recommend:hover em {
	color: #fff
}
.recommend-box .btn-recommend:hover i {
	background-repeat: no-repeat;
}
.recommend-box .btn-recommend-02 {
	font-weight: 700;
	font-size: 18px;
	height: 55px;
	padding-left: 15px;
	line-height: 55px;
	vertical-align: middle;
	background: #46689c;
	color: #ededee;
	margin-bottom: 10px
}
.role-box {
	width: 700px;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/role_bg_eefabf3.jpg) no-repeat
}
.role-box .tab-nav {
	padding-left: 20px
}
.role-box .tab-nav li {
	height: 52px;
	margin-right: 10px
}
.role-box .tab-nav a {
	line-height: 50px;
	font-size: 16px;
	padding: 0 9px
}
.role-box .tab-line {
	margin-left: 20px;
	width: 411px;
	background: #637389
}
.role-box .swiper-container {
	width: 700px;
	height: 395px
}
.role-box .swiper-slide {
	position: absolute;
	top: 0;
	left: 0;
	float: none;
	display: none;
	width: 700px;
	height: 395px
}
.role-txt {
	padding-left: 30px;
	color: #b0b6bf;
	width: 408px;
	position: absolute;
	z-index: 1;
	top: 0;
	left: -100%;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease
}
.role-txt h3 {
	font-size: 42px;
	font-weight: 700;
	color: #fff;
	line-height: 80px;
	vertical-align: middle;
	display: inline-block;
*display:inline;
*zoom:1;
	padding-right: 90px;
	position: relative
}
.role-txt h3 a {
	position: absolute;
	width: 80px;
	height: 45px;
	top: 50%;
	right: 0;
	margin-top: -22px
}
.role-txt h3 a img {
	display: block
}
.role-txt h3 a i {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.5);
	background-repeat: no-repeat;
}
.role-txt h3 a:hover i {
	background-color: rgba(0,0,0,.75)
}
.role-txt .btn-details {
	color: #efce6a;
	padding: 6px 16px;
	border: solid 1px #efce6a;
	vertical-align: 16px;
	margin-left: 20px
}
.role-txt .btn-details:hover {
	color: #40546f;
	background: #efce6a;
	text-decoration: none
}
.role-value {
	padding: 1px 0;
	line-height: 18px
}
.role-value i {
	display: inline-block;
*display:inline;
*zoom:1;
	height: 5px;
	width: 300px;
	background: #f1d06c;
	vertical-align: middle;
	text-indent: -9999px;
	margin-left: 5px
}
.role-desc {
	padding-bottom: 10px
}
.role-feature {
	padding: 16px 0 8px;
	color: #fff
}
.role-skill {
	padding-top: 8px;
	border-top: solid 1px #637388;
	display: inline-block;
*display:inline;
*zoom:1;
	min-width: 178px;
	overflow: hidden
}
.role-skill:nth-child(3) {
	min-width: 192px
}
.role-skill dt {
	float: left
}
.role-skill dd {
	display: block;
	overflow: hidden;
	vertical-align: middle;
	line-height: 20px
}
.role-skill img {
	cursor: pointer
}
.role-img {
	position: absolute;
	right: -100%;
	top: -67px;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease
}
.swiper-slide-active .role-img {
	right: 0
}
.swiper-slide-active .role-txt {
	left: 0
}
.strategy-box {
	width: 310px;
	padding: 0 20px;
	background: #ededee;
	font-size: 0
}
.strategy-box .strategy-link {
	position: relative;
	display: inline-block;
*display:inline;
*zoom:1;
	margin-top: 20px
}
.strategy-box .strategy-link em {
	width: 90%;
	padding-right: 10%;
	font-size: 12px;
	color: #ededee;
	text-align: right;
	position: absolute;
	left: 0;
	bottom: 6px
}
.strategy-box .strategy-link:hover em {
	text-decoration: underline
}
.strategy-box .txt-list {
	padding-top: 15px
}
.strategy-box .txt-list li:first-child {
	padding-right: 0
}
.strategy-box .txt-list li:first-child .title {
	border-color: transparent transparent transparent #306fd1
}
.strategy-box .txt-list li:first-child a {
	color: #306fd1
}
.strategy-box .txt-list a {
	color: #676767
}
.strategy-box .txt-list a:hover {
	color: #306fd1
}
.strategy-box .txt-list .time {
	color: #676767;
	background: #ededee
}
.part-04 .col-box {
	height: 250px;
	background: #3e526d
}
.part-04 .tab-nav {
	padding-top: 10px
}
.part-04 .tab-nav li {
	width: 60px;
	height: 36px
}
.part-04 .tab-nav a {
	font-size: 12px;
	padding: 0 6px;
	line-height: 34px
}
.part-04 .sub-title2 {
	padding-top: 15px
}
.part-04 .contact-box {
	background: #46689c
}
.contact-box {
	width: 120px;
	padding: 0 15px
}
.guide-box {
	width: 305px;
	padding: 0 20px
}
.guide-box .swiper-container {
	height: 200px
}
.guide-box .tab-nav li {
	margin-right: 8px
}
.guide-box .tab-line {
	background: #8794a8
}
.guide-box dl {
	padding-top: 15px
}
.guide-box dt {
	color: #ededee;
	padding-left: 12px;
	line-height: 18px
}
.guide-box dd {
	line-height: 18px;
	padding-bottom: 6px
}
.guide-box dd a {
	color: #a5abb5;
	font-size: 12px;
	margin: 0 12px 0 11px;
	min-width: 48px;
	line-height: 18px;
	display: block;
	float: left
}
.guide-box dd a:hover {
	color: #ededee
}
.guide-box .swiper-slide a {
	min-width: 24px
}
.pic-txt-box {
	width: 345px
}
.pic-txt-box .swiper-container {
	height: 200px
}
.pic-txt-box .sub-title2 {
	margin: 0 20px
}
.pic-txt-box .m-bfc img {
	margin: 20px 15px 0 20px
}
.pic-txt-box .m-bfc p {
	padding-top: 20px;
	color: #a5abb5;
	line-height: 24px;
	font-size: 14px
}
.pic-txt-box .txt2 {
	padding: 10px 0
}
.pic-txt-box .txt2 a {
	color: #a5abb5
}
.pic-txt-box .txt2 a:hover {
	text-decoration: none
}
.pic-txt-box .txt2 a:hover i {
	text-decoration: underline
}
.pic-txt-box .txt2 i {
	color: #fff;
	line-height: 30px
}
.pic-txt-box2 {
	width: 350px
}
.pic-prev, .pic-next {
	position: absolute;
	width: 30px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #475366;
	background: #5d6d83;
	bottom: 20px;
	text-align: center;
	font-weight: 700;
	font-family: SimHei
}
.pic-prev:hover, .pic-next:hover {
	background: #a5adb9;
	text-decoration: none
}
.pic-prev {
	right: 51px
}
.pic-next {
	right: 20px
}
.part-05 .col-box {
	cursor: pointer;
	width: 297px;
	height: 150px;
	position: relative
}
.part-05 .col-box i {
	position: absolute;
	width: 0;
	height: 8px;
	background: #9ba7b9;
	opacity: .9;
	filter: alpha(opacity=75);
	left: 0;
	bottom: 0;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-o-transition: all .8s ease
}
.part-05 .col-box:hover i {
	width: 100%
}
.content {
	padding-bottom:10px; margin-top:0px; position:relative; z-index:150;

}
.share-box {
	width: 354px;
	position: relative;
	margin-top: -30px;
	left: 50%;
	margin-left: -172px;
	color: #727f89;
	z-index: 20
}
.share-box .NIE-share6 .NIE-share-iconBtn a {
	color: #727f89;
	width: auto;
	margin-right: 10px
}
.share-box .NIE-share6 .NIE-share-iconBtn a span {
	margin-right: 6px
}
.footer {
	padding: 30px 0;
	color: #ccc
}
.footer a, .footer #ncp-l1 {
	color: #e23a3f
}
body #NIE-topBar, body #NIE-topBar-include {
	z-index: 98
}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	zoom: 1;
	z-index: 99;
	background: #000;
	display: none;
	opacity: .5;
	filter: alpha(opacity=50)
}
.pop-video-box {
	position: fixed;
	width: 900px;
	height: 507px;
	left: 50%;
	top: 50%;
	margin: -253px 0 0 -400px;
	z-index: 100;
	display: none
}
.pop-video-close {
	position: absolute;
	width: 30px;
	height: 31px;
	top: 0;
	right: -30px;
	background-repeat: no-repeat;
}
.pops {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
	color: #594838;
	background: #fff;
	width: 850px;
	height: 400px;
	margin: -200px 0 0 -425px
}
.pops-close {
	position: absolute;
	top: 7px;
	right: -35px;
	width: 27px;
	height: 27px;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
}
.pops-title {
	font-family: "microsoft yahei";
	color: #556275;
	border-bottom: 1px solid #e5e5e5;
	height: 60px;
	background: #46689c;
	font-size: 24px;
	color: #fff;
	line-height: 60px;
	padding-left: 34px
}
.pops-con {
	padding: 60px 0;
	margin: 0 auto;
	width: 730px
}
.pops-yuyue-left {
	width: 260px;
	height: 200px;
	overflow: hidden;
	position: relative;
	float: left
}
.pops-yuyue-right {
	width: 370px;
	float: right
}
.libao-item {
	position: absolute;
	left: 0;
	width: 234px;
	cursor: pointer;
	display: none
}
.libao-item-cur {
	display: block
}
.libao-item img {
	display: block;
	width: 234px;
	height: 160px
}
.libao-item span {
	display: block;
	width: 162px;
	height: 26px;
	margin: 10px auto 0;
	font-size: 14px;
	color: #556275;
	text-align: center;
	line-height: 26px;
	background-repeat: no-repeat;
}
.libaos-prev, .libaos-next {
	position: absolute;
	top: 71px;
	width: 13px;
	height: 29px;
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/libao-icon_d0e32e4.png) no-repeat;
	cursor: pointer
}
.libaos-prev {
	left: 0;
	background-position: 0 0
}
.libaos-next {
	right: 0;
	background-position: -15px 0
}
.popLeft-box, .popRight-box {
	float: left
}
.popLeft-box {
	width: 510px;
	padding: 30px;
	background: #fff
}
.pop-activity {
	width: 846px;
	height: 600px;
	margin: -300px 0 0 -423px
}
.pop-activity .pops-title {
	background: 0 0;
	padding-left: 0;
	height: auto
}
.pop-activity .pops-title span {
	display: block;
	width: 80px;
	height: 28px;
	font-size: 14px;
	color: #040404;
	text-align: center;
	line-height: 28px;
	background-repeat: no-repeat;
}
.pop-activity .pops-title h3 {
	font-size: 24px;
	font-weight: 700;
	color: #556275;
	line-height: 48px
}
.pop-activity .pops-con {
	height: 390px;
	width: 490px;
	overflow: hidden;
	padding: 10px 15px 10px 0
}
.pop-activity .pops-con p {
	font-size: 14px;
	color: #556275;
	line-height: 24px;
	font-family: "microsoft yahei";
	margin-bottom: 10px
}
.pop-activity .pops-con a {
	color: #d52921
}
.popRight-box {
	width: 236px;
	background: #46689c;
	padding: 0 20px;
	height: 100%
}
.popRight-box .popRight-title {
	font-size: 24px;
	color: #fff;
	margin: 15px 0;
	font-family: "microsoft yahei"
}
.pops-chosen .D-pop-btn {
	display: block;
	height: 43px;
	line-height: 43px;
	border: 1px solid #cdae70;
	background: #f1d06c;
	border-radius: 3px;
	font-size: 14px;
	color: #514b3b;
	text-align: center;
	font-family: "Microsoft YaHei"
}
.pops-chosen .D-pop-btn:hover {
	background: #cdb15b;
	color: #fff;
	text-decoration: none
}
.pops-chosen .D-pop-btn1 {
	font-size: 18px;
	width: 100%;
	margin-bottom: 10px
}
.pops-chosen .D-pop-btn2, .pops-chosen .D-pop-btn3 {
	width: 113px
}
.cl {
	float: left
}
.cr {
	float: right
}
.pops-chosen .D-pop-btn1 b {
	color: #d52921
}
.NIE-fur {
	background: 0 0
}
#reg1 .NIE-fur .fur-item-input {
	background: #fff
}
.pops .NIE-quickReg {
	width: 236px;
	margin: 20px auto 90px
}
.pops .NIE-quickReg .NIE-fur {
	width: 236px
}
.NIE-fur .fur-btn {
	height: 48px;
	line-height: 48px;
	border: 1px solid #cdae70;
	background: #f1d06c;
	color: #514b3b;
	font-size: 18px;
	border-radius: 3px
}
.NIE-fur .fur-btn.fur-btn-sms {
	font-size: 14px;
	height: 44px;
	line-height: 44px
}
.NIE-fur .fur-btn:hover {
	background: #cdb05b;
	color: #514b3b
}
.NIE-fur a:hover {
	text-decoration: none
}
.fur-modal {
	background: #fff
}
.fur-captcha-img {
	right: -2px
}
.NIE-quickReg {
	width: 230px;
	font-family: Arial;
	font-size: 12px;
	line-height: 170%;
	color: #000;
	clear: both
}
.pops .NIE-fur .fur-item-input {
	width: 234px
}
.NIE-quickReg2 {
	color: #594838
}
.pops .NIE-fur .fur-btn {
	width: 235px!important;
	margin-right: 0
}
.pops .NIE-quickReg2 .fur-page-sms-captcha .fur-btn-sms-captcha-submit, #reg1 .fur-page-reg .fur-sms .fur-btn-sms, .pops .popRight-box .NIE-quickReg2 .fur-submit .fur-btn-sms-submit, .pops .NIE-fur .fur-btn {
	background: #f1d06c!important
}
.NIE-quickReg .fur-item.fur-agree a, .NIE-quickReg .fur-item.fur-agree {
	color: #afc6e8
}
.pops .NIE-fur .fur-item-input {
	width: 234px
}
.pops .NIE-fur .fur-item-input.fur-item-input-sms {
	width: 130px
}
.pops .NIE-fur .fur-item-input-captcha {
	width: 110px
}
.pops .NIE-fur .fur-item {
	font-size: 12px
}
.popLeft-box, .popRight-box {
	float: left
}
.pops .NIE-fur .fur-sms-captcha-img {
	width: 118px
}
.NIE-fur h3 {
	color: #000;
	height: 25px
}
.NIE-fur ol li, .NIE-fur .fur-input, .NIE-fur p {
	color: #000
}
.NIE-fur ol li {
	float: none
}
.NIE-fur a {
	color: #f66960
}
.pops .popRight-box .NIE-quickReg2 .fur-sms .fur-btn-sms {
	width: 120px!important
}
.pops .NIE-fur .fur-item-input.fur-item-input-sms {
	width: 110px
}
.part, .col-box {
	transition: all .8s ease .3s;
	-webkit-transition: all .8s ease .3s;
	-moz-transition: all .8s ease .3s;
	-o-transition: all .8s ease .3s;
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0)
}
.unshowed, .unshowed .col-box {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px)
}
.transfiguration:hover i {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85)
}
.transfiguration i {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	transition: all .3s ease
}
.transfiguration i em {
	-webkit-animation: rotate linear 3s infinite;
	-moz-animation: rotate linear 3s infinite;
	-ms-animation: rotate linear 3s infinite;
	animation: rotate linear 3s infinite
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0)
}
100% {
-webkit-transform:rotate(-360deg)
}
}
@-moz-keyframes rotate {
0% {
-moz-transform:rotate(0)
}
100% {
-moz-transform:rotate(-360deg)
}
}
@-o-keyframes rotate {
0% {
-o-transform:rotate(0)
}
100% {
-o-transform:rotate(-360deg)
}
}
@-ms-keyframes rotate {
0% {
-ms-transform:rotate(0)
}
100% {
-ms-transform:rotate(-360deg)
}
}
@keyframes rotate {
0% {
transform:rotate(0)
}
100% {
transform:rotate(-360deg)
}
}
.wrap-on {
	background: url(/res.wh2.netease.com/pc/gw/20151112164340/img/bg_02_0c6657d.jpg) no-repeat center top
}
.wrap-on .hd-role-01 {
	-webkit-animation: breakIn ease .8s both;
	-moz-animation: breakIn ease .8s both;
	-ms-animation: breakIn ease .8s both;
	animation: breakIn ease .8s both
}
@-webkit-keyframes breakIn {
0% {
-webkit-transform:translateX(0)
}
40% {
-webkit-transform:translateX(170px)
}
90% {
-webkit-transform:translateX(-6px)
}
97% {
-webkit-transform:translateX(4px)
}
100% {
-webkit-transform:translateX(-2px)
}
}
@-moz-keyframes breakIn {
0% {
-moz-transform:translateX(0)
}
40% {
-moz-transform:translateX(170px)
}
90% {
-moz-transform:translateX(-6px)
}
97% {
-moz-transform:translateX(4px)
}
100% {
-moz-transform:translateX(-2px)
}
}
@-o-keyframes breakIn {
0% {
-o-transform:translateX(0)
}
40% {
-o-transform:translateX(170px)
}
90% {
-o-transform:translateX(-6px)
}
97% {
-o-transform:translateX(4px)
}
100% {
-o-transform:translateX(-2px)
}
}
@-ms-keyframes breakIn {
0% {
-ms-transform:translateX(0)
}
40% {
-ms-transform:translateX(170px)
}
90% {
-ms-transform:translateX(-6px)
}
97% {
-ms-transform:translateX(4px)
}
100% {
-ms-transform:translateX(-2px)
}
}
@keyframes breakIn {
0% {
transform:translateX(0)
}
40% {
transform:translateX(170px)
}
90% {
transform:translateX(-6px)
}
97% {
transform:translateX(4px)
}
100% {
transform:translateX(-2px)
}
}
.wrap-on .hd-con {
	-webkit-animation: moveOut linear .6s both;
	-moz-animation: moveOut linear .6s both;
	-ms-animation: moveOut linear .6s both;
	animation: moveOut linear .6s both;
	display: none\9
}
@-webkit-keyframes moveOut {
0% {
-webkit-transform:translateX(0);
opacity:.8
}
90% {
opacity:.1
}
100% {
-webkit-transform:translateX(-300px);
opacity:0
}
}
@-moz-keyframes moveOut {
0% {
-moz-transform:translateX(0);
opacity:.8
}
90% {
opacity:.1
}
100% {
-moz-transform:translateX(-300px);
opacity:0
}
}
@-o-keyframes moveOut {
0% {
-o-transform:translateX(0);
opacity:.8
}
90% {
opacity:.1
}
100% {
-o-transform:translateX(-300px);
opacity:0
}
}
@-ms-keyframes moveOut {
0% {
-ms-transform:translateX(0);
opacity:.8
}
90% {
opacity:.1
}
100% {
-ms-transform:translateX(-300px);
opacity:0
}
}
@keyframes moveOut {
0% {
transform:translateX(0);
opacity:.8
}
90% {
opacity:.1
}
100% {
transform:translateX(-300px);
opacity:0
}
}
.wrap-on .hd-role-02 {
	-webkit-animation: moveIn ease .8s both;
	-moz-animation: moveIn ease .8s both;
	-ms-animation: moveIn ease .8s both;
	animation: moveIn ease .8s both;
	display: block\9
}
@-webkit-keyframes moveIn {
0% {
-webkit-transform:translateX(-300px);
opacity:.5
}
90% {
-webkit-transform:translateX(10px)
}
97% {
-webkit-transform:translateX(-4px)
}
100% {
-webkit-transform:translateX(2px);
opacity:1
}
}
@-moz-keyframes moveIn {
0% {
-moz-transform:translateX(-300px);
opacity:.5
}
90% {
-moz-transform:translateX(10px)
}
97% {
-moz-transform:translateX(-4px)
}
100% {
-moz-transform:translateX(2px);
opacity:1
}
}
@-o-keyframes moveIn {
0% {
-o-transform:translateX(-300px);
opacity:.5
}
90% {
-o-transform:translateX(10px)
}
97% {
-o-transform:translateX(-4px)
}
100% {
-o-transform:translateX(2px);
opacity:1
}
}
@-ms-keyframes moveIn {
0% {
-ms-transform:translateX(-300px);
opacity:.5
}
90% {
-ms-transform:translateX(10px)
}
97% {
-ms-transform:translateX(-4px)
}
100% {
-ms-transform:translateX(2px);
opacity:1
}
}
@keyframes moveIn {
0% {
transform:translateX(-300px);
opacity:.5
}
90% {
transform:translateX(10px)
}
97% {
transform:translateX(-4px)
}
100% {
transform:translateX(2px);
opacity:1
}
}
.wrap-off .hd-role-01 {
	-webkit-animation: breakOut ease .8s both;
	-moz-animation: breakOut ease .8s both;
	-ms-animation: breakOut ease .8s both;
	animation: breakOut ease .8s both
}
@-webkit-keyframes breakOut {
0% {
-webkit-transform:translateX(0)
}
40% {
-webkit-transform:translateX(170px)
}
90% {
-webkit-transform:translateX(-6px)
}
97% {
-webkit-transform:translateX(4px)
}
100% {
-webkit-transform:translateX(-2px)
}
}
@-moz-keyframes breakOut {
0% {
-moz-transform:translateX(0)
}
40% {
-moz-transform:translateX(170px)
}
90% {
-moz-transform:translateX(-6px)
}
97% {
-moz-transform:translateX(4px)
}
100% {
-moz-transform:translateX(-2px)
}
}
@-o-keyframes breakOut {
0% {
-o-transform:translateX(0)
}
40% {
-o-transform:translateX(170px)
}
90% {
-o-transform:translateX(-6px)
}
97% {
-o-transform:translateX(4px)
}
100% {
-o-transform:translateX(-2px)
}
}
@-ms-keyframes breakOut {
0% {
-ms-transform:translateX(0)
}
40% {
-ms-transform:translateX(170px)
}
90% {
-ms-transform:translateX(-6px)
}
97% {
-ms-transform:translateX(4px)
}
100% {
-ms-transform:translateX(-2px)
}
}
@keyframes breakOut {
0% {
transform:translateX(0)
}
40% {
transform:translateX(170px)
}
90% {
transform:translateX(-6px)
}
97% {
transform:translateX(4px)
}
100% {
transform:translateX(-2px)
}
}
.wrap-off .hd-con {
	-webkit-animation: moveIn2 ease .8s both;
	-moz-animation: moveIn2 ease .8s both;
	-ms-animation: moveIn2 ease .8s both;
	animation: moveIn2 ease .8s both;
	display: block\9
}
@-webkit-keyframes moveIn2 {
0% {
-webkit-transform:translateX(-400px);
opacity:.85
}
90% {
-webkit-transform:translateX(10px)
}
97% {
-webkit-transform:translateX(-4px)
}
100% {
-webkit-transform:translateX(2px);
opacity:1
}
}
@-moz-keyframes moveIn2 {
0% {
-moz-transform:translateX(-400px);
opacity:.85
}
90% {
-moz-transform:translateX(10px)
}
97% {
-moz-transform:translateX(-4px)
}
100% {
-moz-transform:translateX(2px);
opacity:1
}
}
@-o-keyframes moveIn2 {
0% {
-o-transform:translateX(-400px);
opacity:.85
}
90% {
-o-transform:translateX(10px)
}
97% {
-o-transform:translateX(-4px)
}
100% {
-o-transform:translateX(2px);
opacity:1
}
}
@-ms-keyframes moveIn2 {
0% {
-ms-transform:translateX(-400px);
opacity:.85
}
90% {
-ms-transform:translateX(10px)
}
97% {
-ms-transform:translateX(-4px)
}
100% {
-ms-transform:translateX(2px);
opacity:1
}
}
@keyframes moveIn2 {
0% {
transform:translateX(-400px);
opacity:.85
}
90% {
transform:translateX(10px)
}
97% {
transform:translateX(-4px)
}
100% {
transform:translateX(2px);
opacity:1
}
}
.wrap-off .hd-role-02 {
	-webkit-animation: moveOut2 linear .8s both;
	-moz-animation: moveOut2 linear .8s both;
	-ms-animation: moveOut2 linear .8s both;
	animation: moveOut2 linear .8s both;
	display: none\9
}
@-webkit-keyframes moveOut2 {
0% {
-webkit-transform:translateX(0);
opacity:.8
}
30% {
opacity:.2
}
100% {
-webkit-transform:translateX(-60px);
opacity:0
}
}
@-moz-keyframes moveOut2 {
0% {
-moz-transform:translateX(0);
opacity:.8
}
30% {
opacity:.2
}
100% {
-moz-transform:translateX(-60px);
opacity:0
}
}
@-o-keyframes moveOut2 {
0% {
-o-transform:translateX(0);
opacity:.8
}
30% {
opacity:.2
}
100% {
-o-transform:translateX(-60px);
opacity:0
}
}
@-ms-keyframes moveOut2 {
0% {
-ms-transform:translateX(0);
opacity:.8
}
30% {
opacity:.2
}
100% {
-ms-transform:translateX(-60px);
opacity:0
}
}
@keyframes moveOut2 {
0% {
transform:translateX(0);
opacity:.8
}
30% {
opacity:.2
}
100% {
transform:translateX(-60px);
opacity:0
}
}
.hd-light {
	background-position: 0px 0px
}
.video-list li:first-child .video-mask {
	background-position: -361px 0px
}
.transfiguration {
	background-position: -361px -170px
}
.transfiguration i em {
	background-position: -496px -170px
}
.logo {
	background-position: 0px -311px
}
.download-box .btn-flash {
	background-position: -181px -311px
}
.img-mask {
	background-position: -331px -311px
}
.video-list .video-mask {
	background-position: -331px -311px
}
.video-list li:first-child .video-play {
	background-position: -486px -311px
}
.banner-box .swiper-button-prev {
	background-position: -631px -170px
}
.banner-box .swiper-button-next {
	background-position: -631px -230px
}
.role-txt h3 a i {
	background-position: -550px -311px
}
.btn-activity-01 i {
	background-position: -630px -311px
}
.btn-activity-02 i {
	background-position: 0px -421px
}
.btn-activity-03 i {
	background-position: -33px -421px
}
.btn-activity-04 i {
	background-position: -66px -421px
}
.pop-video-close {
	background-position: -100px -421px
}
.video-list .video-play {
	background-position: -130px -421px
}
.pop-activity .pops-title span {
	background-position: -158px -421px
}
.pops-close {
	background-position: -238px -421px
}
.libao-item span {
	background-position: -486px -375px
}
.txt-list-02 a:hover {
	background-position: -265px -421px
}
.research-box.focus {
	background-position: 0px -453px
}
.research-box {
	background-position: -310px -453px
}
.txt-list-02 a {
	background-position: -415px -421px
}
.recommend-box .btn-recommend:hover i {
	background-position: -550px -356px
}
.recommend-box .btn-recommend i {
	background-position: -566px -356px
}
.btn-more2:hover {
	background-position: -631px -290px
}
.banner-box span.swiper-active-switch {
	background-position: -582px -356px
}
.banner-box .swiper-pagination-switch {
	background-position: -646px -290px
}
.btn-more {
	background-position: -633px -356px
}
.hd-light, .video-list li:first-child .video-mask, .transfiguration, .transfiguration i em, .logo, .download-box .btn-flash, .img-mask, .video-list .video-mask, .video-list li:first-child .video-play, .banner-box .swiper-button-prev, .banner-box .swiper-button-next, .role-txt h3 a i, .btn-activity-01 i, .btn-activity-02 i, .btn-activity-03 i, .btn-activity-04 i, .pop-video-close, .video-list .video-play, .pop-activity .pops-title span, .pops-close, .libao-item span, .txt-list-02 a:hover, .research-box.focus, .research-box, .txt-list-02 a, .recommend-box .btn-recommend:hover i, .recommend-box .btn-recommend i, .btn-more2:hover, .banner-box span.swiper-active-switch, .banner-box .swiper-pagination-switch {
	background-image: url(/res.wh2.netease.com/pc/gw/20151112164340/img/spriter/index_z_5af9e53.png)
}
.btn-more {
	background-image: url(/res.wh2.netease.com/pc/gw/20151112164340/img/spriter/index_z_5af9e53.png)
}




#Version{
	width:100%;
	height:666px;
	position:relative;
	overflow:hidden;
	z-index:2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.zhe_box { position:absolute; width:100%; height:422px; background:url(../images/newbg_4.png) no-repeat center;  bottom:-150px; z-index:200;}
#Flash{width:1920px;height:666px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:100%;height:666px;position:relative;left:50%;}


.m1 { float:left; width:1200px; height:650px; background: url(../images/m1bj.png)}
.m2 { float:left; width:320px; height:650px;  margin-left:10px;  }
.m2_vi { width:320px; height:275px; margin-top:220px; background:#000}
.m2_kefu { width:320px; height:140px; margin-top:10px; color:#FFF; }
.m2_kefu li { line-height:30px; width:300px; margin-left:20px; font-size:16px}


/*JS幻灯片*/
#temp3{float:left;width:900px;height:auto;margin:0 0 0 0;display:inline;overflow:hidden}
#temp3 .JQ-content-box{overflow:hidden;width:900px;height:360px;position:relative}
#temp3 .JQ-slide-content{position:absolute;top:0;left:0}
#temp3 .JQ-slide-content li{position:absolute;overflow:hidden;width:900px;height:360px;vertical-align:text-top}
#temp3 .JQ-slide-content li a{display:block;height:360x}
#temp3 .JQ-slide-content li a:hover{text-decoration:none}
#temp3 .JQ-slide-content li img{width:900px;height:360px}
#temp3 img{display:block}
#temp3 .JQ-slide-nav{position:absolute; right:10px;bottom:10px;height:20px;padding-top:2px;z-index:999}
#temp3 .JQ-slide-nav li{float:left;width:18px;height:18px;border:1px solid rgb(153, 153, 153);text-align:center;cursor:pointer;margin-left:3px;font-size:12px;font-family:Verdana;line-height:18px;opacity 0.7;color:rgb(204, 204, 204);background:rgb(80, 102, 102);ovbanner-boxerflow:hidden}
#temp3 .JQ-slide-nav li.on{border:1px solid rgb(255, 0, 0);opacity:0.7;color:rgb(0, 0, 0);background:rgb(204, 0, 0)}


.version {position:relative;float:left;width:300px;height:450px; background:url(../images/vi.png) no-repeat}
.version a{display:block;width:100%;height:100%;}

/*showdialog*/
.showdiv { width:825px;height:444px;border:7px solid #5f0500;position:relative;display:none;background-color:#5b2f16;}
.btn_close { position:absolute;width:53px;height:53px;background:url(../images/btn_close.jpg)  no-repeat;top:-60px;right:-7px;text-indent:-9999px;overflow:hidden}
#footer_ied{ color:#642423;line-height:24px;overflow:hidden;text-align:center;margin-top:-200px;position:relative}
#footer_ied a { color:#642423;}


/*m*/
.k1 {float:left; width:1220px; height:auto; overflow:hidden; margin:0 auto; margin-top:0px; }
.tit { width:100%; background:#0b3360 ; height:35px; margin-top:10px; font-size:16px;line-height:35px;color:#fff;  text-indent:20px; text-shadow:2px 2px 2px #000;}
.m1div { width:390px; height:auto; margin-right:15px; float:left}
.m1divli { background:#22252a; border:#0b3360 10px solid;  width:370px; height:auto; border-top:2px #2a2016 solid;}
.m1divli img{margin:30px 10px; border:#000 10px solid; }


.m2div { width:590px; height:auto; margin-right:20px; float:left}
.m2divli { background:#22252a; border:#0b3360 10px solid;  width:570px; height:auto ;border-top:2px #2a2016 solid;}
.m2divli img{margin:30px 20px; border:#000 70px solid; }

.m3div { width:1200px; height:auto;  float:left}
.m3divli { background:#000000; border:#0b3360 10px solid;  width:1180px; height:auto;border-top:2px #2a2016 solid;}
.m3divli img{margin:0px 0px; border:#000 0px solid; }

.main_left{width:300px;}
.downloadbox{height:360px; }
.start_game{height:360px;}
.start_game a{height:100%; display:block;}

.start_game dt{height:148px;}
.start_game dt a{text-indent:-999px; overflow:hidden;}


.download{height:148px;background:url(../images/btn-1.png) no-repeat;}
.download:hover{background:url(../images/btn-2.png)}

.gamepay{height:148px;background:url(../images/pay_game.png) no-repeat;}
.gamepay:hover{background:url(../images/pay_game2.png)}


.start_game dd{height:52px;}
.start_game dd a{width:130px; height:52px; line-height:50px; color:#fff; font-size:14px; text-align:center; padding-left:5px; float:left;}
.start_game dd a:hover{background-image:url(../images/btns.png); text-decoration:none;}

.start_game dd a.b1{background:url(../images/btns1.png) no-repeat;margin:10px 0 0 10px}
.start_game dd a.b1:hover{background:url(../images/btns2.png) no-repeat;}
.start_game dd a.b2{background:url(../images/btns1.png) no-repeat;margin:10px 0 0 10px}
.start_game dd a.b2:hover{background:url(../images/btns2.png) no-repeat;}


/* ====弹窗 */
.overlay{ width:1220px;display:block; border:0px solid #000;}
.overlay .close2{cursor: pointer; height:102px;width:102px; position: absolute;right:95px;top:0;}
.overlay .overlayCon{ color:#841400; padding:0; height:710px;background:url(../images/tanBg.png) center top no-repeat;}
.overlay .overlayCon a{width:350px;height:81px;margin:560px 0 0 458px; float:left;}
.tt1{ overflow-y:hidden;}

#overlay {
	width:100%;
	height:100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;
	position:fixed;
	background:#000;
	top:0; left:0;
	z-index:3000;
	display:block;
}
.overlay{position:fixed;z-index:5000;display:block; top:100px; left:50%;margin:0 0 0 -620px;}
*html,*html body {background-image:url(about:blank);background-attachment:fixed;}


	/*在线客服*/
	#KeFu{width:137px;height:261px;position:fixed;top:50%;right:1%;margin-top:0px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+400));z-index:5000;}
	#KeFu ul{margin-bottom:2px;}
	#KeFu ul li{margin-bottom:4px;}
	#KeFu ul li a{width:137px;height:47px;line-height:47px;text-align:center;font-size:20px;color:#ffcf83;background:url(../images/kefu_a_bg.png) no-repeat 0px 0px;display:block;}
	#KeFu ul li a:hover{background-position:right top;text-decoration:none;}
	#KeFu ul li#btn_backtop  a{height:50px;font-size:13px;background:url(../images/btn_backtop.png) no-repeat left top;}
	#KeFu ul li#btn_backtop  a:hover{background-position:right top;}