blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,th {
	text-align: left;
	font-weight: 400
}

abbr,body,fieldset,html,iframe,img {
	border: 0
}

address,cite,dfn,em,i,var {
	font-style: normal
}[hidefocus],summary {
	outline: 0
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6,small {
	font-size: 100%
}

sub,sup {
	font-size: 83%
}

code,kbd,pre,samp {
	font-family: inherit
}

q:after,q:before {
	content: none
}

textarea {
	overflow: auto;
	resize: none
}

label,summary {
	cursor: default
}

a,button {
	cursor: pointer
}

b,em,h1,h2,h3,h4,h5,h6,strong {
	font-weight: 700
}

a,a:hover,del,ins,s,u {
	text-decoration: none
}

body,button,input,keygen,legend,select,textarea {
	font: 12px/1.14 arial;
	color: #333;
	outline: 0
}

body {
	background: #fff
}

a {
	color: #333
}

.f-cb:after,.f-cbli li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}

.f-cb,.f-cbli li {
	zoom: 1
}

.f-ib {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.f-dn {
	display: none
}

.f-db {
	display: block
}

.f-fl {
	float: left
}

.f-fr {
	float: right
}

.f-pr {
	position: relative
}

.f-prz {
	position: relative;
	zoom: 1
}

.f-oh {
	overflow: hidden
}

.f-ff0 {
	font-family: arial
}

.f-ff1 {
	font-family: "Microsoft YaHei"
}

.f-fs1 {
	font-size: 12px
}

.f-fs2 {
	font-size: 14px
}

.f-fwn {
	font-weight: 400
}

.f-fwb {
	font-weight: 700
}

.f-tal {
	text-align: left
}

.f-tac {
	text-align: center
}

.f-tar {
	text-align: right
}

.f-taj {
	text-align: justify;
	text-justify: inter-ideograph
}

.f-vam,.f-vama * {
	vertical-align: middle
}

.f-wsn {
	word-wrap: normal;
	white-space: nowrap
}

.f-pre {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all
}

.f-wwb {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

.f-ti {
	overflow: hidden;
	text-indent: -30000px
}

.f-ti2 {
	text-indent: 2em
}

.f-lhn {
	line-height: normal
}

.f-tdu,.f-tdu:hover {
	text-decoration: underline
}

.f-tdn,.f-tdn:hover {
	text-decoration: none
}

.f-toe {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis
}

.f-csp {
	cursor: pointer
}

.f-csd {
	cursor: default
}

.f-csh {
	cursor: help
}

.f-csm {
	cursor: move
}

.f-usn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

body {
	font-family: "Microsoft YaHei",SimSun,Helvetica,Tahoma,Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif
}

body {
	background-color: #001852;
	min-width: 1200px;
	height:2750px;
	color: #fff;
	background:url(slogan_31eb623a.jpg) no-repeat center 0;
}

.logo {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100
}

.share {
	text-align: center;
	width:80%;
	margin:0 auto;
}

.share .share-list {
	position: relative;
	display: block
}
.text-list{
	line-height:100px;
	color:#8b6d49;
	font-weight:600;
	font-size:16px;
	}
.share .share-icons.sicon-home:hover {
	color:#e8b471;

}
.share .share-list.active .js-share {
	opacity: 1;
	filter: alpha(opacity=100);
	top: 0
}

.share .share-list.active .share-icon {
	opacity: 0;
	filter: alpha(opacity=0)
}

.share .share-list .js-share {
	position: absolute;
	left: 0;
	top: 25px;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	transition: all .5s;
	background: url(https://nie.res.netease.com/tianyu/comm/images/transparent.png) repeat 0 0
}

.share .share-list .js-share i {
	display: block;
	margin: 0 auto 20px
}

.share .download-link,.share .home-link,.share .share-list {
	width: 48px
}

div#pangu-share.pangu-share--pc {
	display: none;
	top: 18px;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=100)
}

div#pangu-share.pangu-share--pc .pangu-share__btn {
	color: #fff!important
}

.stage {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	pointer-events: none
}

.header {
	padding-top:900px;
	width:720px;
	margin:0 auto;
}

.main {
	position: relative;
	height: 1347px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/bg_ea885b71.jpg) no-repeat center 0;
	z-index: 10
}

.main canvas {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px
}


.container {

}

.nav {
	height:65px;
}

.nav-item {
	position: relative;
	float: left;
	width:179px;
	height:65px;
	text-align: center;
	background:url(text_btn.png) no-repeat;
}

.nav-item.active,.nav-item:hover {
	background:url(text_have.png) no-repeat 0 0;

}

.nav-item--first {
	margin-left: 72px
}

.nav-item__number {
	display: block;
	position: absolute;
	top: 20px;
	left: 29px;
	width: 60px;
	height: 29px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/numbers_7fdd931c.png) no-repeat 0 0
}

.nav-item__number--1 {
	background-position: 0 0
}

.nav-item__number--2 {
	background-position: 0 -29px
}

.nav-item__number--3 {
	background-position: 0 -58px
}

.nav-item__number--4 {
	background-position: 0 -87px
}

.nav-item__number--5 {
	background-position: 0 -116px
}

.nav-item__number--6 {
	background-position: 0 -145px
}

.nav-item__number--7 {
	background-position: 0 -174px
}

.nav-item__number--8 {
	background-position: 0 -203px
}

.nav-item.active .nav-item__number,.nav-item:hover .nav-item__number {
	background-image: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/numbers-hover_10eab616.png);
	
}

.nav-item__text {
	display: block;
	font-size: 18px;
	line-height:65px;
	color: #000000;
}
.nav-item__text:hover {	color:#754d05;}
.nav-item__mark {
	position: absolute;
	display: block;
	width: 39px;
	height: 17px;
	bottom: 14px;
	left: 28px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAARCAYAAABegLWFAAAA7ElEQVRIicXWTQ6CMBCG4bcE/IPTcRDcy5oDyD30crrSBNxMk0E7oguGL2k6BGieNKFDOJ0vrJQRCF1Tmw9kfpZJRiDIbGYNXIQBhLa/mkBvnIYB0DW1CfTEfcBiLKAXzoTFpIAeuIwZWMw7cGlcBgwpB3CTeXpDAXOgALbADtgAB6lLqSupS1XruVLPHWTsZexk7ULWjnnIdQO0FjAHnjLuv23GX/m2c0egT73U9texa+qQLwDSGUgDWxI7pmHg80EMzHSCGA0Dv6NktlW9w8D3EDaBKRj4t68PoAWDdRq/BpowWO+XKQK/do4Xj7BUbljg1d0AAAAASUVORK5CYII=) no-repeat 0 0
}

.nav-item.active .nav-item__mark,.nav-item:hover .nav-item__mark {
	background-image: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAARCAYAAABegLWFAAAA70lEQVRIicXWyw6CMBCF4b+AireNPGgfwLV79D1Z6coLuJkmBTqiC4eTNB0IaT6a0MEd6iczpQNc43P1gczO0ksHOJnVzIELMABXnV8q0BoXwwBofK4CLXEjWIgGtMKpsJAU0AKXMQELGQL/jcuANnH/BFxl7iUGukP9XAAroASWwEbqrdQ7qbdRHc+76LmNjLWMUtZeyNohd7m+NT7fp96qOr+6AnjIuH2zFT/m08554KLBGp+74g+gOC1p4FGGCgObD6JlohOExDCwO0omW9UQBraHsApMwcC+fY2AGgzmafwxUIXBfL9MAfixc7wBHP1WIH3piKcAAAAASUVORK5CYII=)
}

.content {
	
}

.title {
	width: 880px;
	height: 147px;
	margin-bottom: 8px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/titles_3083b0f6.png) no-repeat center 0
}

.title--1 {
	background-position: 0 0
}

.title--2 {
	background-position: 0 -147px
}

.title--3 {
	background-position: 0 -294px
}

.title--4 {
	background-position: 0 -441px
}

.title--5 {
	background-position: 0 -588px
}

.title--6 {
	background-position: 0 -735px
}

.title--7 {
	background-position: 0 -882px
}

.title--8 {
	background-position: 0 -1029px
}

.subtitle {
	margin-top: 14px;
	font-size: 18px;
	line-height: 52px
}

.desc {
	width: 835px;
	font-size: 16px;
	line-height: 24px;
	color: #b2b8c5
}

.desc--lg {
	width: 880px;
	margin-bottom: 24px
}

.label {
	padding: 2px 5px;
	border-radius: 2px;
	margin-right: 9px;
	background-color: #fff;
	color: #000;
	font-family: SimSun
}

.mark {
	position: absolute;
	top: 8px;
	left: -8px;
	padding: 0 10px;
	font-size: 18px;
	line-height: 28px;
	background-color: #1f58aa;
	border: 1px solid #4186e9;
	border-radius: 4px;
	z-index: 1
}

.box {
	height: 100%;
	width: 100%;
}

.card {
	position: relative
}

.card-list {
	margin-bottom: 74px
}

.card-list--sm {
	width: 327px;
	height: 159px;
	border: 1px solid #050f2f;
	background-color: #021841;
	border-radius: 6px;
	margin-top: -20px;
	margin-left: -11px
}

.card-group {
	float: left
}

.card--col1 {
	width:920px;
	height:320px
}

.card--col2 {
	float: left;
	width: 403px;
	height: 417px;
	margin-right: 27px
}

.card--col2-lg {
	float: left;
	width: 403px;
	height: 474px;
	margin-right: 27px
}

.card--col3 {
	width: 306px;
	height: 360px;
	margin-right: 36px
}

.card--last {
	margin-right: 0
}

.card--sx {
	float: left;
	width: 94px;
	height: 113px;
	margin-left: 10px;
	margin-top: 31px
}

.card--sm {
	float: left;
	width: 403px;
	height: 417px
}

.card__btn {
	display: block;
	width: 263px;
	height: 49px;
	margin: 30px 0 10px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/btn1_a714aae1.png) no-repeat 0 0
}

.card__btn--1 {
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin: 0 0 0 -132px
}

.card__mask {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 20px 6px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBIAwAAawBnG/9pxgAAAABJRU5ErkJggg==) repeat 0 0
}

.card.active .card__hover,.card:hover .card__hover {
	display: block
}

.card__hover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/card-hover_399cad5c.png) no-repeat center 0
}

.card__text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 23px;
	font-size: 14px;
	color: #fff;
	background-color: #3770bc;
	white-space: nowrap
}

.card__text--lg {
	font-size: 18px;
	line-height: 33px
}

.accessory-list img {
	float: left
}

.points:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAA9JREFUCJljYEAFagykAwAH/AAnPmtBEgAAAABJRU5ErkJggg==) repeat 0 0;opacity: .5
}

.list {
	margin-top: -20px
}

.list__item {
	width: 785px;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 24px
}

.list__item i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border-radius: 4px;
	background-color: #4186e9;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle
}

.panel {
	float: left;
	position: relative;
	padding: 11px 10px 15px 200px;
	width: 355px;
	margin-bottom: 50px;
	margin-right: 14px;
	border: 1px solid #3770bc;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQImWNkkAj6zwADf74wMDEgAxYeNAEGBkwBAMYGA3GfoukMAAAAAElFTkSuQmCC) repeat 0 0;border-radius: 4px;
	line-height: 20px;
	color: #b2b8c5;
	font-size: 14px;
	min-height: 255px
}

.panel-list {
	margin-top: 70px;
	margin-left: 20px
}

.panel__label {
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 11px;
	margin-bottom: 7px
}

.panel__time {
	color: #fff;
	font-size: 16px
}

.panel__title {
	position: absolute;
	width: 89px;
	height: 36px;
	left: -1px;
	top: -33px;
	line-height: 32px;
	text-align: center;
	font-size: 20px;
	background: url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAFkAAAAkCAYAAADit5awAAAChElEQVRoge2YTU8TURhGz1wKWBUxgQBBDQgxIerGRFPdmIbgwqigLnDh0sR1E8PO+Bt0ra79Aa5MutKVbojxCyQ1oWgLHaBMp/QL23FRwFI7jIbbAPU9qz73voubJ5Mzt2P09AYB6Bt/2AlMAGNAP9CKUI0FTALPgBdAyW3w7eORzd++JqfE8TuPzgMvzchkjxWPkLfiGL6Dm0Olgo1qafvvs/K1tPuPdATbeweCR48N3QVuAzk8MAKhcCfwKfbxTdfKj69e88I63UMBOvrOPgXu19qvfJIV8MCMTErB/8jC9DuAe8AZr1kF3LLikXqfqfFwHBa/vVfAqNeoAk7mrfiWxVLBlvwXuZBNAQzigQJaKl9ywBbpS3bPmeV5gCAeKK8BwZ1CJkU+vTIInN5uTkreIbY5Cx5eVrB3HLcfczoxB3CdbVCwdxy3H3PGSgBcArpwQXSxUxyHldiMAq66jUjJGrAXZgFuuu2LkzVke34aYASXj2riZA0ZdYD04vfDwDA1EF1owk5EAW7U2pOSNZE2o1C+yhnVe+JkTXktt0outXQCOEcV4mSN2S4/zdeoQnShETtR+yonJWskl1qCsi56K9fFyZpzcm7KoOqWIU7WnNe9/GfJgj5Wl2MAw4FQ+NDGmpSsGadYxE7M+oErG2vi5DrkVHwGKq5y4uQ65NXlBMBoIBQu94ugnZ+FLFnL7AIugJRcN9b/mIyBOLlu2f79wQgjEAo7n189R9DPqcvjNPvbBkQXdWTjG7MPoKm5lZ6hi7R196OafLt7ssbjiREIhR0ga5tRfzL6hUxygVJxbbcP1lD4gLxtRv2xD68pruV3+zwNiQKWknNTmwXvhTdzo+VfaPvdC4sv7gwAAAAASUVORK5CYII=) no-repeat 0 0
}

.panel__img {
	position: absolute
}

.panel__img--1 {
	top: 37px;
	left: 10px;
	width: 193px;
	height: 207px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/qrcode1_1c94c78a.png) no-repeat 0 0
}

.panel__img--2 {
	top: 37px;
	left: 10px;
	width: 179px;
	height: 219px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/qrcode2_a4c919d4.png) no-repeat 0 0
}

.panel__img--3 {
	top: 64px;
	left: 56px;
	width: 73px;
	height: 87px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/text1_bc23c218.png) no-repeat 0 0
}

.panel__img--4 {
	top: 64px;
	left: 56px;
	width: 83px;
	height: 87px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/text2_80b9aa37.png) no-repeat 0 0
}

.panel__img--5 {
	top: 64px;
	left: 56px;
	width: 92px;
	height: 88px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/text3_c8fe2098.png) no-repeat 0 0
}

.panel__btn {
	position: absolute;
	display: block;
	top: 166px;
	left: 42px;
	width: 120px;
	height: 49px;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/btn2_88cbc677.png) no-repeat 0 0
}

.award-item {
	display: inline-block;
	margin-bottom: 40px;
	margin-right: 32px;
	vertical-align: top
}

.award-item__icon {
	width: 127px;
	height: 111px;
	text-align: center;
	background: url(https://tianyu.res.netease.com/qt/pack/2017082265cf8bfb/icon-border_1c87a75b.png) no-repeat 0 0;
	font-size: 0
}

.award-item__icon:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle
}

.award-item__icon img {
	vertical-align: middle
}

.award-item__text {
	margin-top: 5px;
	line-height: 24px;
	font-size: 16px;
	text-align: center;
	color: #2d76e4
}

.gallery {
	position: relative;

}

.gallery__list {
	position: absolute;
	top: 0;
	left:240px;
	width:920px;
	height:320px
}

.gallery__tabs {
	width:220px;
	height:320px;

}
.gallery__tab {
	position: relative;
	display: block;
	height:100px;
	width:210px;
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	text-align: center;
	font-size:14px;
	color: #000000;
	line-height:165px;
	background:url(have_tab1.png) no-repeat;
}
.gallery__tab.active{
	background:url(btn1_tab1.png) no-repeat;
	color:#754d05;
}
 

.gallery__tab i {
	display: block;
	position: absolute;
	left: 0;
	width:230px;
	height:66px;
	margin:4px;


}
.gallery__tab--1 i {background:url(img_tab1.png) no-repeat;}
.gallery__tab--2 i {background:url(img_tab5.png) no-repeat;}
.gallery__tab--3 i {background:url(img_tab5.png) no-repeat;}
.gallery__tab--4 i {background:url(img_tab5.png) no-repeat;}
.gallery__tab--5 i {background:url(img_tab5.png) no-repeat;}
.gallery__tab--6 i {background:url(img_tab5.png) no-repeat;}
.ty-footer {
	position: relative;
	z-index: 10
}

#NIE-copyRight {
	background-color: #000;
	min-width: 1200px;
	padding: 20px 0;
	font-size: 12px
}

#NIE-copyRight a {
	color: #fff
}

.text--primary {
	color: #19dfe6}
.fb_nr{width:920px; height:223px; background:#f4ebd9;}
.fb_nrimg{width:345px; height:205px;float:left; padding:10px;}
.fb_nrtext{float:left;height:203px; width:530px;padding:10px;}
.fb_nrtext h1{ font-size:30px; color:#634505; font-weight:500; line-height:45px;}
.fb_nrtext h2{ font-size:16px; color:#634505; font-weight:500;line-height:25px;}
.fb_nrlj{float:left;padding-left:10px;}
.fb_nrlj h1{font-size:24px; line-height:30px;color:#634505;}
.fb_nrlj a{ width:120px; margin-top:5px;display:block;height:28px;line-height:28px; font-size:16px; text-align:center;background:#cda654;}
.fb_nrlj a:hover{ width:120px; height:28px; line-height:28px; background:#eed195;}
.fb_nrmain{float:left; width:235px; height:100px; margin-top:10px;}
.fb_nrmain img{display:block; float:left; padding:5px 0;}
ul.onMShow{background:url(btn_fb.png) no-repeat;clear:both; height:78px;padding:10px 10px 10px 120px;position: relative;}
ul.onMShow img{ display:block; float:left; margin-left:10px; }
ul.onMShow li a {display:block;width:80px; height:80px;position:relative;}
ul.onMShow li a div {display: none;width:350px; overflow:hidden;}
ul.onMShow li a:hover {display:block; width:auto;}/*此处需定义宽度，否则IE6下无法正常显示*/
ul.onMShow li a:hover div{display:block;width: 350px;left:55px;top:25px;background:url(jn_bj.jpg) no-repeat;position:absolute;}
ul.onMShow li a img {width:70px;height:70px;border:none;display:block;position: absolute;top:12px;left:3px;}
ul.onMShow li dl {width:250px;float:right;color: #000;line-height:24px; padding-top:5px; padding-bottom:7px;}
ul.onMShow li dl dd span {color: #000; font-size:24px; display:block;margin-right:5px; margin-top:5px;}
ul.onMShow li dl dd h3 { font-size:18px;color: #000; font-weight:500;}
.jn1{background:url(zb1_1.png) no-repeat; width:80px; height:80px; display:block; float:left;}
.jn2{background:url(zb1_2.png) no-repeat; width:80px; height:80px;display:block; float:left; margin-left:20px;}
.jn3{background:url(zb1_3.png) no-repeat; width:80px; height:80px;display:block; float:left;margin-left:20px;}
.jn4{background:url(zb1_4.png) no-repeat; width:80px; height:80px;display:block; float:left;margin-left:20px;}
.jn5{background:url(zb1_5.png) no-repeat; width:80px; height:80px;display:block; float:left;margin-left:20px;}
.jn6{background:url(zb1_6.png) no-repeat; width:80px; height:80px;display:block; float:left;margin-left:20px;}
.jn_text{font-size:16px; line-height:30px; margin-top:10px; display:block;}
.jn_text2{font-size:14px; line-height:20px; float:left; width:60px;}
.jn_text3{font-size:14px; line-height:20px; float:left; color:#705213; width:260px;}
.jn_text4{width:320px !important;background:#e6d7b6; position:relative; padding:10px;top:0px;left:-5px; margin-bottom:5px;}
.hd_main{width:363px;height:345px; background:url(hb_bj1.jpg) no-repeat;float:left; margin-left:12px;}
.hd_title{font-size:24px;line-height:45px; line-height:45px;display:block;color:#000;text-align:center;}
.hd_nr{width:330px; margin:20px auto;}
.hd_txt{font-size:16px; clear:both;width:330px; height:25px;word-wrap: break-word; line-height:20px;display:block;color:#7a5616;}
.hd_btn{color:#FFF;width:147px; display:block; line-height:50px; margin:195px auto 0px auto; font-size:18px;text-align:center;height:50px; background:url(hb_btn1.jpg) no-repeat;}
a.hd_btn:hover{color:#754d05;width:147px; display:block; line-height:50px; margin:195px auto 0px auto; font-size:18px;text-align:center;height:50px; background:url(hb_btn2.jpg) no-repeat;}
.hd_main2{width:363px;height:345px; background:url(hb_bj2.jpg) no-repeat;float:left; margin-left:30px;}
.hd_main3{width:363px;height:345px; background:url(hb_bj3.jpg) no-repeat;float:left; margin-left:30px;}
@-webkit-keyframes leftIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		opacity: 0
	}

	100% {
		-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
	}
}

@-moz-keyframes leftIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		opacity: 0
	}

	100% {
		-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
	}
}

@-ms-keyframes leftIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		opacity: 0
	}

	100% {
		-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
	}
}

@-o-keyframes leftIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		opacity: 0
	}

	100% {
		-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
	}
}

@keyframes leftIn {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		-moz-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		-o-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
		opacity: 0
	}

	100% {
		-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
	}
}

@-webkit-keyframes hx {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes hx {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-ms-keyframes hx {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-o-keyframes hx {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes hx {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-ms-keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.video_out {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000
}

.video_out .video_mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.6)
}

.video_wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -225px;
	margin-left: -400px;
	width: 800px;
	height: 450px
}

.video_wrap #video {
	width: 100%
}

.video_wrap video {
	width: 100%
}

.video_wrap .video_close {
	width: 73px;
	height: 73px;
	position: absolute;
	top: 0;
	right: -83px;
	cursor: pointer;
	background: url(https://land.res.netease.com/pc/zt/20170918101217/img/close_90597a9.png) no-repeat
}

.dl_wrap .dl_buttons .link-apple {
	background-position: 0px 0px
}
.btn_video {
	float: left;
	width: 106px;
	height: 106px;
	cursor: pointer;
	position: relative;
	top: 660px;
	left:900px;
	background: url(https://land.res.netease.com/pc/zt/20170918101217/img/btn_video_bg_ddabf7b.png) center center no-repeat;
	-webkit-animation: hx 2s ease-in-out infinite 300ms 0 ease;
	-moz-animation: hx 2s ease-in-out infinite 300ms 0 ease;
	-ms-animation: hx 2s ease-in-out infinite 300ms 0 ease;
	animation: hx 2s ease-in-out infinite 300ms 0 ease;
	-moz-animation: hx 2s ease-in-out infinite;
	-webkit-animation: hx 2s ease-in-out infinite;
	-o-animation: hx 2s ease-in-out infinite;
	-ms-animation: hx 2s ease-in-out infinite;
	animation: hx 2s ease-in-out infinite
}

.btn_video i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 44px;
	margin-top: -22px;
	margin-left: -12px;
	background: url(https://land.res.netease.com/pc/zt/20170918101217/img/btn_video_i_1c5a37a.png) no-repeat
}
.footer{width:100%;background:#333333;padding:20px 0;line-height:1.8; clear:both; margin-bottom:0p;}
.nr-wp{width:1200px;margin:0 auto;}
.nr-wp p{text-align:center;margin-bottom:10px;color:#999;}
.nr-wp a{text-align:center;color:#999;margin:0 5px;}
.nr-wp a:hover{text-decoration:underline;color:#999;}
.nr-wp span{color:#CCC;margin:0 5px;}