body {
    background-color: #E2E2E2;
}
/*视频----*/

.videobox {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #000;
   display: none;
}
.videocon{
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	
}
.videobox video {
    width: 100%;
    height: 100%;
	outline: none;
}

.videobox .btn-close {
    position: absolute;
        right: 0;
        top: 0;
    width: 40px;
    height: 37px;
    z-index: 9999;
    background-image: url(../images/close.png);
    background-repeat: no-repeat;
}
/*视频结束-------------*/
#app-pc { 
    position: relative;
    margin-top: 100px;
}

#menu {
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -50px;
    list-style-type: none;
    z-index: 70;
}

#menu li {
    width: 90px;
    height: 21px;
    margin: 10px 0 0;
    vertical-align: middle;
}

#menu a {
    float: right;
    width: 21px;
    height: 21px;
    color: #8F9DA4;
    text-decoration: none;
    text-align: right;
    background: url(../images/dot.png) 5px 5px no-repeat;
}

#menu .active a {
    background-position: 0 bottom;
}

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 116px;
    width: 100%;
    min-width: 1100px;
    background: url(../images/top-bg.png) repeat-x;
    z-index: 999;
}

.icon-com {
    position: absolute;
    top: 0;
    left: 0;
    width: 237px;
    height: 116px;
}

.icon-net {
    position: absolute;
    top: 5px;
    right: 82px;
    width: 100px;
    height: 55px;
}
.icon-net img{display: block; margin: 0 auto; margin-top: 0px;}
.search-bar {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -349px;
    width: 699px;
    height: 116px;
    background: url(../images/search-bar.png) no-repeat;
}

.search-bar input {
    position: absolute;
    padding-left: 13px;
    top: 32px;
    left: 29px;
    width: 341px;
    height: 38px;
    font-size: 15px;
    color: #99999A;
    background-color: white;
    border: none;
    line-height: 38px;
    outline: none;
}

.search-bar .btn-search {
    position: absolute;
    top: 14px;
    right: 17px;
    width: 184px;
    height: 74px;
    outline: none;
    display: block;
}



.section {
    text-align: center;
    font: 50px "Microsoft Yahei";
    color: #000;
	position: relative;
}

.arrow {
    position: absolute;
    left: 50%;
    bottom: 93px;
    margin-left: -23px;
    width: 47px;
    height: 27px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    z-index: 9;
}

.bg {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
}

/*.bg img {*/
/*float: right;*/
/*!*width: 100%;*!*/
/*height: 337px;*/
/*!*background: url(images/screen1/bg.png) 0 50% no-repeat;*!*/
/*!*transition: all 1s;*!*/
/*}*/

.ftbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-width: 1000px;
    height: 85px;
    overflow: hidden;
    z-index: 101;
	
}
.ftbar .mask{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 1000px;
	height: 85px;
	overflow: hidden;
	z-index: 102;
	background-color:#3a3a3a;
	opacity: 0.65;
	filter:alpha(opacity=65);
}
.ftbarcon{
	 position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-width: 1000px;
	height: 85px;
	overflow: hidden;
	z-index: 104;
}
.ftbar .btn-buy {
    position: absolute;
    top: 14px;
    right: 83px;
    width: 217px;
    height: 58px;
    background-image: url(../images/btn-buy.png);
    background-repeat: no-repeat;
    cursor: hand;
}


.ftbar .text1 {
    position: absolute;
    top: 5px;
    left: 52px;
    width: 351px;
    height: 73px;
    background-image: url(../images/screen1/ftbar1.png);
    background-repeat: no-repeat;
}

.ftbar .text2 {
    position: absolute;
    top: 5px;
    left: 472px;
    width: 346px;
    height: 73px;
    background-image: url(../images/screen1/ftbar2.png);
    background-repeat: no-repeat;
}

.page1 .bg {
    background-image: url(../images/screen1/bg.jpg);
}


.register {
    position: absolute;
    top: 25px;
    left: 0;
    width: 423px;
    height: 170px;
    background:rgba(128, 128, 128, 0.61);
}
.register h3,.page3 .register h3{
    font-size: 26px;
    color:#ffe600;
    margin: 38px 0 4px 0;
    text-align: left;
    margin-left: 14px;
}
.register p,.page3 .register p{
    font-size: 18px;
    color:#ffffff;
    margin: 0;
    font-family: "微软雅黑";
    text-align: left;
    margin-left: 14px;
}
.register b,.page3 .register b{
	font-size: 30px;
	font-family: "微软雅黑";
	font-weight: 400;
	   
}

.btn-details{
	display: block;
    width: 124px;
    height: 33px;
    position: absolute;
    z-index: 1;
    bottom: 23px;
    right: 25px;
}
.btn-details img,.page3 .btn-details img{
	display: block;
	width: 100%;
}



.page1 .text1_bg{
	width: 31.9%;
	position: absolute;
	z-index: 1;
	right: 5%;
	top:25px;
}
.page1 .text2_bg{
	width: 17.6%;
	position: absolute;
	z-index: 1;
	left: 2.1%;
	bottom:118px;
}

.page2 .text1_bg{
	width: 32.3125%;
	position: absolute;
	z-index: 1;
	right: 5%;
	top:25px;
}
.page2 .text2_bg{
	width: 17.6875%;
	position: absolute;
	z-index: 1;
	left: 2.1%;
	bottom:118px;
}
.page3 .text1_bg{
	width: 32.4375%;
	position: absolute;
	z-index: 1;
	right: 5%;
	top:25px;
}
.page3 .text2_bg{
	width: 17.6875%;
	position: absolute;
	z-index: 1;
	left: 2.1%;
	bottom:164px;
}
.page3 .logo_bg{
	width: 22%;
	position: absolute;
	z-index: 1;
	right: 5%;
	bottom:164px;
}

.logo_bg{
	width: 22%;
	position: absolute;
	z-index: 1;
	right: 5%;
	bottom:118px;
}

.text1_bg img,.text2_bg img,.logo_bg img{
	display: block;
	width: 100%;
}



.page1 .play ,.page2 .play,.page3 .play{
 /*   position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -52px;
    margin-top: -46px;
    width: 104px;
    height: 93px;
    background-image: url(../images/play.png);
    background-repeat: no-repeat;
	background-size: 100%;
    z-index: 9; */
}

.page2 {

}

.page2 .bg {
    background-image: url(../images/screen2/bg.jpg);
}


.page3 {
}

.page3 .bg {
    background-image: url(../images/screen3/bg.jpg);
}

.page3 .ftbar {
    bottom: 46px;
}
.page3 .bottom-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 46px;
    background-color: #ffffff;
	font-size: 12px;
    color: #999;
	line-height: 46px;
}