* {
	font-family: "微软雅黑"
}

html,body {
	height: 100%
}

body {
	width: 100%;
	min-width: 1400px
}

#wrap {
	width: 100%;
	overflow: hidden
}

.title {
	width: 865px;
	height: 48px;
	margin: 30px auto 49px;
	background: url(../images/200304/title.png) no-repeat
}

.center {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 100%
}

.section.section-1 {
	height: 1080px;
	background: url(../images/200304/bg-01.jpg) no-repeat top center
}

.section.section-1 .logo {
	position: absolute;
	top: 42px;
	left: 10px;
	width: 166px;
	height: 147px;
	background: url(../images/200304/logo.png) no-repeat
}

.section.section-1 .slogan {
	position: absolute;
	top: 115px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 597px;
	height: 446px
}

.section.section-1 .slogan.time-0 {
	background: url(../images/200304/slogan-1.png) no-repeat
}

.section.section-1 .slogan.time-1 {
	background: url(../images/200304/slogan-2.png) no-repeat
}

.section.section-1 .slogan.time-2 {
	background: url(../images/200304/slogan-3.png) no-repeat
}

.section.section-1 .slogan.time-3 {
	background: url(../images/200304/slogan-4.png) no-repeat
}

.section.section-1 .video-top {
	position: absolute;
	top: 335px;
	left: 20px;
	width: 71px;
	height: 71px;
	background: url(../images/200304/video-star.png) no-repeat center;
	cursor: pointer
}

.section.section-1 .video-top span {
	display: block;
	width: 71px;
	height: 71px;
	background: url(../images/200304/video-star.gif) no-repeat center
}

.section.section-1 .regStep {
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	width: 1152px;
	height: 407px;
	margin: 0 auto
}

.section.section-1 .regStep li {
	float: left;
	width: 372px;
	height: 407px;
	margin-left: 18px;
	background: url(../images/200304/regBtn.png) no-repeat
}

.section.section-1 .regStep li.fir {
	margin-left: 0
}

.section.section-1 .regStep li.sec {
	background-position-x: -390px
}

.section.section-1 .regStep li.thr {
	background-position-x: -780px
}

.section.section-1 .regStep li .download {
	display: block;
	margin: 115px auto 0;
	width: 219px;
	height: 210px;
	background: url(../images/200304/top-btn.png) no-repeat
}

.section.section-1 .regStep li .download:hover {
	background-position-y: -290px
}

.section.section-1 .regStep li .regBtn {
	display: block;
	width: 269px;
	height: 55px;
	margin: 305px auto 0;
	background: url(../images/200304/top-btn.png) no-repeat -330px 0;
	cursor: pointer
}

.section.section-1 .regStep li .regBtn:hover {
	background-position-y: -112px
}

.section.section-1 .regStep li .lqBtn {
	display: block;
	width: 269px;
	height: 55px;
	margin: 305px auto 0;
	background: url(../images/200304/top-btn.png) no-repeat -720px 0;
	cursor: pointer
}

.section.section-1 .regStep li .lqBtn:hover {
	background-position-y: -112px
}

.section.section-2 {
	height: 605px;
	background: url("../images/200304/bg-03.jpg") no-repeat top center
}

.section.section-2 .title {
	background-position-y: -173px
}

.section.section-2 .chacter-show {
	position: relative;
	width: 1137px;
	height: 388px;
	margin: 0 auto
}

.section.section-2 .chacter-show .chacter-nav {
	position: relative;
	z-index2: 2;
	width: 779px;
	height: 53px;
	margin: 80px 0 28px 20px;
	background: url(../images/200304/line.png) no-repeat bottom center
}

.section.section-2 .chacter-show .chacter-nav li {
	float: left;
	width: 116px;
	height: 53px;
	line-height: 53px;
	color: #414242;
	font-size: 18px;
	margin-left: 25px;
	margin-top: -2px;
	text-indent: 61px;
	background: url(../images/200304/chacter-nav.png) no-repeat;
	background-position-y: 8px;
	cursor: pointer
}

.section.section-2 .chacter-show .chacter-nav li.active {
	background-position-y: -53px;
	border-bottom: 2px solid #cf5800;
	color: #cf5800;
	font-weight: bold
}

.section.section-2 .chacter-show .chacter-nav li.one {
	margin-left: 0;
	background-position-x: 15px
}

.section.section-2 .chacter-show .chacter-nav li.sec {
	background-position-x: -130px
}

.section.section-2 .chacter-show .chacter-nav li.thr {
	background-position-x: -270px
}

.section.section-2 .chacter-show .chacter-nav li.for {
	background-position-x: -415px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main {
	position: absolute;
	top: 170px;
	left: 0;
	width: 1117px;
	margin-left: 20px;
	display: none
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main.chacter-info-main-1 {
	display: block
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .name {
	float: left
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .type {
	float: left;
	margin: 30px 0 0 14px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .type span {
	display: inline-block;
	width: 50px;
	line-height: 24px;
	background: #cf5800;
	color: #fff;
	border-radius: 2px;
	text-align: center;
	margin: 0 2px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .txt {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #7e7e7e;
	margin-top: 15px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .gunNandu {
	float: left;
	width: 211px;
	height: 110px;
	margin-top: 30px;
	margin-right: 40px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .gunNandu.gunNandu-1 {
	background: url(../images/200304/gunNandu-1.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .gunNandu.gunNandu-2 {
	background: url(../images/200304/gunNandu-2.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .gunNandu.gunNandu-3 {
	background: url(../images/200304/gunNandu-3.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .gunNandu.gunNandu-4 {
	background: url(../images/200304/gunNandu-4.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .video {
	position: relative;
	z-index2: 2;
	float: left;
	width: 200px;
	height: 116px;
	margin-top: 26px;
	background: #37343b
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .video img {
	cursor: pointer
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-strong {
	float: left;
	width: 161px;
	height: 122px;
	margin-top: 17px;
	margin-left: 27px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-strong.chacter-strong-1 {
	background: url(../images/200304/chacter-strong-1.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-strong.chacter-strong-2 {
	background: url(../images/200304/chacter-strong-2.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-strong.chacter-strong-3 {
	background: url(../images/200304/chacter-strong-3.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-strong.chacter-strong-4 {
	background: url(../images/200304/chacter-strong-4.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-pic {
	position: absolute;
	bottom: -51px;
	right: -60px
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-pic.sx-pic {
	width: 538px;
	height: 545px;
	background: url(../images/200304/chacter-sx.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-pic.yr-pic {
	width: 551px;
	height: 582px;
	bottom: -71px;
	background: url(../images/200304/chacter-yr.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-pic.ty-pic {
	width: 562px;
	height: 576px;
	bottom: -72px;
	background: url(../images/200304/chacter-ty.png) no-repeat
}

.section.section-2 .chacter-show .chacter-info .chacter-info-main .chacter-pic.hc-pic {
	width: 481px;
	height: 486px;
	bottom: -71px;
	background: url(../images/200304/chacter-hc.png) no-repeat
}

.section.section-3 {
	height: 740px;
	background: url("../images/200304/bg-02.jpg") no-repeat top center
}

.section.section-3 .title {
	background-position-y: 0;
	height: 55px;
	margin-top: 50px
}

.section.section-3 .head-4img {
	width: 899px;
	height: 490px;
	margin: 60px auto 0;
	cursor: pointer;
	padding: 7px;
	border: 2px solid #ae8461
}

.section.section-3 .head-4img img {
	width: 100%
}

.section.section-3 .head-nav {
	width: 222px;
	height: 476px;
	background: url(../images/200304/hnd-btns-bg.png) no-repeat top center;
	position: absolute;
	top: 160px;
	left: 0
}

.section.section-3 .head-nav .head-nav-div {
	float: left;
	width: 100%;
	height: 56px;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
	margin-top: 10px
}

.section.section-3 .head-nav .head-nav-div:hover,.section.section-3 .head-nav .head-nav-div.on {
	background: url(../images/200304/hnd-btns-bg-on.png) no-repeat top center
}

.section.section-3 .head-nav .head-nav-div.hnd-0 {
	margin-top: 81px;
	background-position-y: -82px
}

.section.section-3 .head-nav .head-nav-div.hnd-1 {
	background-position-y: -148px
}

.section.section-3 .head-nav .head-nav-div.hnd-2 {
	background-position-y: -216px;
	margin-top: 13px
}

.section.section-3 .head-nav .head-nav-div.hnd-3 {
	background-position-y: -283px;
	margin-top: 11px
}

.section.section-3 .head-nav .head-nav-div.hnd-4 {
	background-position-y: -349px;
	margin-top: 11px
}

.section.section-4 {
	height: 764px;
	background: url("../images/200304/bg-04.jpg") no-repeat top center
}

.section.section-4 .subTitle {
	width: 501px;
	height: 49px;
	background: url(../images/200304/subTitle.png) no-repeat;
	margin: 0 auto
}

.section.section-4 .newsActive {
	margin-top: 90px
}

.section.section-4 .newsActive .news {
	width: 558px
}

.section.section-4 .newsActive .news .listNew {
	position: relative;
	width: 530px;
	height: 385px;
	margin: 53px auto 0;
	background: #742f18;
	border: 1px solid #994a2e
}

.section.section-4 .newsActive .news .listNew .navNew {
	position: relative;
	width: 495px;
	margin: 20px auto 0;
	border-bottom: 1px solid #994a2e
}

.section.section-4 .newsActive .news .listNew .navNew li {
	float: left;
	width: 74px;
	line-height: 35px;
	margin-left: 2px;
	text-align: center;
	font-size: 16px;
	color: #efdeb6;
	cursor: pointer
}

.section.section-4 .newsActive .news .listNew .navNew li.active,.section.section-4 .newsActive .news .listNew .navNew li:hover {
	color: #ffb400;
	border-bottom: 2px solid #ffb400;
	margin-bottom: -1px
}

.section.section-4 .newsActive .news .listNew .navNew .more {
	position: absolute;
	top: 10px;
	right: 0;
	width: 21px;
	height: 21px;
	background: url(../images/200304/news-more.png) no-repeat
}

.section.section-4 .newsActive .news .listNew .listMain {
	width: 495px;
	margin: 17px auto 0;
	overflow: hidden
}

.section.section-4 .newsActive .news .listNew .listMain .tj-news {
	font-size: 22px;
	color: #ffb400;
	text-align: center;
	line-height: 24px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-weight: bold
}

.section.section-4 .newsActive .news .listNew .listMain .tj-news a {
	color: #ffb400
}

.section.section-4 .newsActive .news .listNew .listMain .tj-news .icon {
	width: 0;
	height: 24px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-right: 16px
}

.section.section-4 .newsActive .news .listNew .listMain .listLong {
	width: 9999px
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list {
	float: left;
	width: 490px;
	height: 255px;
	font-size: 13px;
	line-height: 24px
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list li {
	margin: 7px 0 0;
	padding-top: 7px;
	border-top: 1px dashed #fef0c6
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list li:first-child {
	border-top: none
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list .newsType {
	color: #fef0c6
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list .newsTitle {
	width: 380px;
	margin: 0 5px;
	color: #fef0c6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list .newsTitle a {
	color: #fef0c6
}

.section.section-4 .newsActive .news .listNew .listMain .listMain-list .newsTime {
	color: #fef0c6
}

.section.section-4 .newsActive .activeMain {
	width: 565px;
	height: 381px;
	margin-left: 55px
}

.section.section-4 .newsActive .activeMain .subTitle {
	background-position-x: -590px;
	margin-bottom: 40px
}

.section.section-4 .newsActive .activeMain .activeInfo {
	width: 253px;
	height: 190px;
	background: url(../images/200304/active-info.png) no-repeat;
	margin-top: 10px;
	margin-left: 29px
}

.section.section-4 .newsActive .activeMain .activeInfo a {
	display: block;
	width: 100%;
	height: 100%
}

.section.section-4 .newsActive .activeMain .activeInfo.activeInfo-1 {
	background-position-x: 0px
}

.section.section-4 .newsActive .activeMain .activeInfo.activeInfo-2 {
	background-position-x: -282px
}

.section.section-4 .newsActive .activeMain .activeInfo.activeInfo-3 {
	background-position-x: -584px
}

.section.section-4 .newsActive .activeMain .activeInfo.activeInfo-4 {
	background-position-x: -866px
}

.section.section-4 .newsActive .activeMain .activeInfo:hover {
	background-position-y: -240px
}

.section.section-4 .btnGroup {
	margin: 55px auto 0;
	width: 900px
}

.section.section-4 .btnGroup a {
	float: left;
	width: 352px;
	height: 96px;
	margin: 0 48px;
	background: url(../images/200304/btn-1.png) no-repeat
}

.section.section-4 .btnGroup a.lq-btn {
	background-position-x: -430px
}

.section.section-4 .btnGroup a:hover {
	background-position-y: -100px
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index2: 4;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: rgba(0,0,0,0.76);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#76000000, endColorstr=#76000000)
}

.pop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index2: 5
}

.pop .close,.pop .videoClose {
	position: absolute;
	right: -55px;
	top: 0;
	width: 49px;
	height: 47px;
	background: url(/images/img/200304/close.png) no-repeat;
	cursor: pointer
}

.pop.pop-video {
	width: 854px;
	height: 482px;
	margin-left: -427px;
	margin-top: -241px
}

.pop.pop-reg {
	width: 884px;
	height: 443px;
	margin: -221px 0 0 -401px;
	background: url(/images/img/200304/reg-pop.png) no-repeat
}

.pop.pop-reg .reg {
	position: absolute;
	top: 110px;
	right: -30px;
	width: 360px
}




/*hongbao*/
.pop.red-pop {
	margin-top: -317.5px;
	margin-left: -220px;
	width: 440px;
	height: 635px
}
.pop.red-pop .pop-main .redPop {
	width: 440px;
	height: 609px;
	background: url(/images/img/190505/redPop-190509.png) no-repeat center center
}
.pop.red-pop .pop-main .redPop .open {
	position: absolute;
	top: 239px;
	left: 0;
	right: 0;
	width: 95px;
	height: 95px;
	margin: 0 auto;
	cursor: pointer
}
.pop.red-pop .pop-main .redPop .regPop-info{
    position: absolute;
    font-size: 26px;
    color: #f7ce53;
    text-align: center;
    top: 375px;
    left: 100px;
    font-weight: bold;
}
.pop.red-pop .pop-main .redPop-reg {
	width: 423px;
	height: 635px;
	background: url(/images/img/190505/redPop-reg.png) no-repeat center center
}

.hbpop{
	margin-top: 275px;
    position: absolute;
    margin-left: 90px;
}
.regPop-text{position:absolute;top:225px;color:#ffd138;font-size:20px;font-weight:bold;left:117px;}



#ewmimg{
	    margin: 35px 0 0 120px;
}



/*注册*/
.pop4{background:url(/images/reg-tc.png) no-repeat;width:535px; height:461px;margin: -221px 0 0 -276px;}
.pop4 .closeBtn {width:45px; height:45px; right:-50px; top:0px;cursor:pointer;overflow:hidden; position:absolute;background:url('/images/close.png') no-repeat;}
.pop4reg{float:right; width:270px; height:258px; position:absolute; z-index:100; top:90px; right:117px;border:0 solid #000;}