﻿* {font-family:'Microsoft YaHei';}
body{min-width: 1610px;position: relative;}
a,a:hover{text-decoration:none;}
/* 视频 */
.flash-div{width: 100%;height: 100%;position: absolute;left:  0;overflow: hidden;top: -560px;float:  left;}
.flash-block {position: absolute;width: 1920px;left: 0;}
.slogan-human {background: url(/images/v3/default/video-index-role.png) no-repeat; width: 923px; height: 557px;    position: absolute; display: none; top: 48px; left: 50%; margin-left: -462.5px;}
#wrap {width: 100%;overflow: hidden;position: relative;top: 42px;}
/* 头部 */
.block-0 {position: relative;top: 0;width: 100%;height: 689px;background: url(/images/v4/default/bg-01.jpg) no-repeat top center;}
.block-0 .header {height: 100%;position: relative;width: 1200px;margin: 0 auto;}
.block-0 .header .warning {font-size: 14px;color: #fff;position: absolute;top: 10px;left: 50%;margin-left: -544px;}
.block-0 .header .slogan {display: block; width: 584px;height: 21px;position: absolute;left: 50%; margin-left: -360px; top: 475px; background: url(/images/v4/default/time.png) no-repeat;}
.block-0 .header .slogan.time-1 {background-position-y: bottom;}
#banner_link {display: block;width: 100%;height: 100%;position: relative;z-index: 3;}
.logo-a {position: absolute;top: 34px;left: -160px;z-index: 2;width: 157px;height: 84px;background: url(/images/v3/default/logo.png) no-repeat;}
.block-0 .header .video {position: absolute;top: 598px;left: 348px;z-index: 2;width: 141px;height: 91px;background: url(/images/v4/default/video.png) no-repeat;cursor: pointer;display: none;}
.block-0 .header .video:hover {opacity: .9;filter: alpha(opacity=90);}
.block-0 .homeLink {position: absolute;top: 0;right: 180px;z-index: 4;width: 150px;height: 39px;background: url(/images/v4/default/top-btn.png) no-repeat;}
.block-0 .downloadLink {position: absolute;top: 0;right: 20px;width: 150px;z-index: 4;height: 39px;background: url(/images/v4/default/top-btn.png) no-repeat;background-position-x: -169px;}
.block-0 .homeLink:hover, .block-0 .downloadLink:hover {background-position-y: bottom;}
/* 第二屏 */
.block-1 {position: relative;top: 0;width: 100%;height: 500px;background: url(/images/v4/default/bg-02.jpg) no-repeat top center;}
.block-1 .center-div {width: 1060px;margin: 0 auto;}
.block-1 .bottom-reg {position: relative;z-index: 2;float: left;width: 300px;height: 450px;margin-right: 19px;background: url(/images/v4/default/reg.jpg) no-repeat;margin-top: 40px;}
.block-1 .bottom-reg .regIframe {margin: 66px auto 0;width: 252px;height: 350px;}
.block-1 .bottom-banner-0 {position: relative;z-index: 2;float: left;width: 740px;height: 350px;overflow: hidden;margin-top: 40px;}
.block-1 .bottom-banner-0 .bannerUl {width: 99999px;position: absolute;top: 0;}
.block-1 .bottom-banner-0 .bannerUl li {position: relative;float: left;width: 740px;height: 100%;}
.block-1 .bottom-banner-0 .bannerUl li .videoPlay {position: absolute;top: 0;left: 0;width: 100%;height: 350px;background-image: url(/images/v3/default/play-btn-in.png);background-color: rgba(0,0,0,0.70);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.block-1 .bottom-banner-0 .bannerUl li img {width: 740px;height: 350px;display: block;}
.block-1 .bottom-banner-0 .bannerTips {position: absolute;bottom: 12px;right: 12px;}
.block-1 .bottom-banner-0 .bannerTips li {float: left;width: 21px;height: 21px;margin: 0 4px;background: url(/images/v4/default/point.png) no-repeat;cursor: pointer;}
.block-1 .bottom-banner-0 .bannerTips li:hover, .block-1 .bottom-banner-0 .bannerTips li.on {background-position-y: -33px;}
/* 第三屏 */
.block-2 {position: relative;top: 0;width: 100%;height: 961px;background: url(/images/v4/default/bg-03.jpg) no-repeat top center;}
.block-2 .chacterChange {position: relative;width: 100%;}
.block-2 .chacterChange .chacterL {position: absolute;top: 0;left: 0;width: 1000px;height: 733px;background: url(/images/v4/default/chacter-L.png) no-repeat;}
.block-2 .chacterChange .chacterR {position: absolute;top: 50%;left: 50%;margin-left: -54px;margin-top: 62px;width: 1003px;height: 619px;background: url(/images/v4/default/chacter-R.png) no-repeat;}
.block-2 .chacterChange .chacterPerson {width: 1731px;height: 1131px;position: absolute;top: 50%;left: 0;margin-top: -258px;}
.block-2 .chacterChange .chacterPerson .chacterMain {width: 100%;height: 100%;}
.block-2 .chacterChange .chacterPerson .chacterMain.tj {background: url(/images/v4/default/tj.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.lh {background: url(/images/v4/default/lh.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.xq-m {background: url(/images/v4/default/xq-m.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.xq-f {background: url(/images/v4/default/xq-f.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.qc {background: url(/images/v4/default/qc.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.em-m {background: url(/images/v4/default/em-m.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.em-f {background: url(/images/v4/default/em-f.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.bh {background: url(/images/v4/default/bh.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.wz {background: url(/images/v4/default/wz.png) no-repeat;}
.block-2 .chacterChange .chacterinfo {position: absolute;top: 50%;right: 50%;margin-top: 200px;margin-right: -470px;width: 200px;height: 340px;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain {width: 100%;height: 100%;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.tj {background: url(/images/v4/default/tj-name.png) no-repeat;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.lh {background: url(/images/v4/default/lh-name.png) no-repeat;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.xq {background: url(/images/v4/default/xq-name.png) no-repeat;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.qc {background: url(/images/v4/default/qc-name.png) no-repeat;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.em {background: url(/images/v4/default/em-name.png) no-repeat;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.bh {background: url(/images/v4/default/bh-name.png) no-repeat;}
.block-2 .chacterChange .chacterinfo .chacterinfoMain.wz {background: url(/images/v4/default/wz-name.png) no-repeat;}
.block-2 .chacterChange .chacterTab {position: absolute;top: 50%;left: 50%;margin-top: 180px;margin-left: 530px;}
.block-2 .chacterChange .chacterTab li {width: 99px;line-height: 24px;text-align: center;color: #bfa23f;font-size: 18px;background: url(/images/v4/default/chacter-tab.png) no-repeat;background-position-x: 10px;margin-bottom: 15px;cursor: pointer;}
.block-2 .chacterChange .chacterTab li.on, .block-2 .chacterChange .chacterTab li:hover {color: #fff;background-position-x: -153px;}
.block-2 .chacterChange .chacterBtn {position: absolute;top: 50%;left: 50%;margin-top: 260px;margin-left: 280px;z-index: 3;}
.block-2 .chacterChange .chacterBtn .male {width: 28px;height: 31px;background: url(/images/v4/default/sex-btn.png) no-repeat;cursor: pointer;}
.block-2 .chacterChange .chacterBtn .female {width: 28px;height: 31px;background: url(/images/v4/default/sex-btn.png) no-repeat;background-position-y: -31px;cursor: pointer;}
.block-2 .chacterChange .chacterBtn .male.on, .block-2 .chacterChange .chacterBtn .female.on, .block-2 .chacterChange .chacterBtn .male:hover, .block-2 .chacterChange .chacterBtn .female:hover {background-position-x: -40px;}
.block-2 .bottomBtn {position: absolute;bottom: 110px;left: 0;right: 0;z-index: 3;margin: 0 auto;width: 780px;}
.block-2 .bottomBtn .homeBottomLink {float: left;width: 338px;height: 87px;background: url(/images/v4/default/bottomBtn.png) no-repeat;}
.block-2 .bottomBtn .downloadBottomLink {float: left;width: 338px;height: 87px;margin-left: 101px;background: url(/images/v4/default/bottomBtn.png) no-repeat;background-position-x: -439px;}
.block-2 .bottomBtn .homeBottomLink:hover, .block-2 .bottomBtn .downloadBottomLink:hover {background-position-y: -157px;}
.foot_w {position: relative;top: 42px;}
/* 弹窗 */
.mask {position: fixed;top: 0;left: 0;z-index: 12;width: 100%;height: 100%;background: rgba(0,0,0,0.85);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);}
.video-div {position: fixed;top: 50%;left: 50%;width: 800px;height: 494px;margin-left: -400px;margin-top: -247px;z-index: 13;}
.video-div .pop-close {position: absolute;top: 0;right: -35px;width: 29px;height: 30px;background: url(/images/v3/default/pop-close.png) no-repeat;cursor: pointer;}
.remind {width: 100%;height: 43px;line-height: 43px;background: #1f2229;text-align: center;font-size: 16px;font-family: 'Microsoft YaHei';margin: 0px auto 0 auto;color: #c2c2c0;margin-top: -1px;overflow: hidden;}
.tenthLogo {background: url(/images/v4/default/ten.png) no-repeat;width: 142px; height: 60px;position: absolute;top: 40px; left: 170px;}