﻿* {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;}
/* 头部 */
.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 {width: 612px;height:120px;position: absolute;left: 50%; margin-left: -306px; top: 450px; background: url(http://47.113.149.192:88/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(http://47.113.149.192:88/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;}
.tab1_contb .yxf-titles {
  width: 766px;
  height: 67px;
  margin: 40px auto;
  background: url(../img/titles.png) no-repeat center bottom;
  text-align: center;
}
.tab1_contb .yxf-titles span{
  display: block;
  width: 100%;
  height: 100%;
  font-size: 34px;
  font-weight: bold;
  color: #9d6400;
  line-height: 68px;
}
/* 第三屏 */
.block-2 {position: relative;top: 0;width: 100%;height: 1145px;background: url(../images/v4/default/chacter-R2.png) 50% -9% repeat-x;}
.block-2 .yxf-titles {
    width: 766px;
    height: 67px;
    margin: 40px auto;
    background: url(../img/titles.png) no-repeat center bottom;
    text-align: center;
}
.block-2 .yxf-titles  span{
  display: block;
  width: 100%;
  height: 100%;
  font-size: 34px;
  font-weight: bold;
  color: #9d6400;
  line-height: 68px;
}

.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-m {background: url(../images/v4/default/tj-m.png) no-repeat;transform: translate(0%,1%);}
.block-2 .chacterChange .chacterPerson .chacterMain.tj-f {background: url(../images/v4/default/tj-f.png) no-repeat;transform: translate(0%,1%);}
.block-2 .chacterChange .chacterPerson .chacterMain.lh-m {background: url(../images/v4/default/lh-m.png) no-repeat;  transform: translate(0%,1%);}
.block-2 .chacterChange .chacterPerson .chacterMain.lh-f {background: url(../images/v4/default/lh-f.png) no-repeat;  transform: translate(0%,1%);}
.block-2 .chacterChange .chacterPerson .chacterMain.xq-m {background: url(../images/v4/default/xq-m.png) no-repeat;transform: translate(0%,2%);}
.block-2 .chacterChange .chacterPerson .chacterMain.xq-f {background: url(../images/v4/default/xq-f.png) no-repeat;transform: translate(0%,2%);}
.block-2 .chacterChange .chacterPerson .chacterMain.qc-m {background: url(../images/v4/default/qc-m.png) no-repeat;}
.block-2 .chacterChange .chacterPerson .chacterMain.qc-f {background: url(../images/v4/default/qc-f.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-m {background: url(../images/v4/default/bh-m.png) no-repeat;transform: translate(0%,2%);}
.block-2 .chacterChange .chacterPerson .chacterMain.bh-f {background: url(../images/v4/default/bh-f.png) no-repeat;transform: translate(0%,2%);}
.block-2 .chacterChange .chacterPerson .chacterMain.wz-m {background: url(http://47.113.149.192:88/images/v4/default/wz-m.png) no-repeat;transform: translate(0%,2%);}
.block-2 .chacterChange .chacterPerson .chacterMain.wz-f {background: url(http://47.113.149.192:88/images/v4/default/wz-f.png) no-repeat;transform: translate(0%,2%);}
.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: 180px;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: -199px;}
.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;}


/* 客服 */

.kfPopUp {
	background: url(../images/v3/index/kfPop.png) no-repeat;
    width: 187px;
    height: 235px;
    position: absolute;
    top: 150px;
    left: -815px;
	z-index: 5;
}
.kfservice {
	display: block;
	width: 100%;
	height: 100%;
}
.xbPopUp {
	display: block;
	height: 80px;
	background: url(../images/v3/common/xbPic.png) no-repeat;
}
.smPopUp {
	display: block;
	height: 80px;
	margin-top: 10px;
	background: url(../images/v3/common/smPic.png) no-repeat;
}
.yxPopUp {
	display: block;
	height: 80px;
	margin-top: 10px;
	background: url(../images/v3/common/yxPic.png) no-repeat;
}

.slogan-human {
    background: url(../images/v3/index/video-index-role.png) no-repeat 0px 0;
      width: 1691px;
    height: 650px;
    position: absolute;
    display: none;
      top: 170px;
    left: 50%;
    margin-left: -800px;

}