body{
	width:100%;
	margin:0;
	font-family:Microsoft YaHei;	
	font-size:14px;
	padding:0;
    position:fixed;
    height:100%;
	overflow:hidden;	
}

.indexnav{
    position: fixed;
    top:0;
    width:100%;
    height:165px;
    background-color: #fff;
    
}
.indexnav .logo{
    margin:60px 0 40px 70px;
    float:left;
}
.indexnav .navtitle{
    margin:60px 70px 19px 0;
    float:right;
}


.hometitle{
    width:100%;
    text-align:center;
    z-index: 2;
    position: absolute;
    top:40px;
}

.homebg{
    position: absolute;
    width:100%;
    height:100%;
    background-image: url("../images/bg_block.png") ;
    text-align:center;
    top:0;
    margin-top: 5px;
}
.homepic{
    position: relative;
    width:436px;
    top:47%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.downline{
    position: fixed;
    background-color: #fff;
    width:100%;
    height:170px;
    bottom: 0;
    text-align: center;
}
.downline .hometitleb{
    position: absolute;
    left:50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top:-45px;
}
.downline .startbtn{
    position: absolute;
    top:43%;
    left:50%;
    margin-top:-31px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width:1400px){
    .hometitle {
        top: 63px;
    }
    .hometitleimg{
       width: 600px;
    }
    .homepic{
        width:300px;
    }
    .indexnav .logo{
        margin:60px 0 40px 70px;
        width:105px;
    }
    .indexnav .navtitle{
        margin:60px 70px 19px 0;
        width: 112px;
    }
    .downline .hometitleb{
        width:475px;
        margin-top: -33px;
    }
    .downline .startbtn{
        width:190px;
    }
}
@media (max-width:1024px){
    .hometitle {
        top: 80px;
    }
    .hometitleimg{
       width: 500px;
    }
    .indexnav .logo{
        margin:30px 0 40px 70px;
        width:77px;
    }
    .indexnav .navtitle{
        margin:20px 70px 19px 0;
        width: 83px;
    }
    .downline .hometitleb{
        width:400px;
        margin-top: -33px;
    }
    .downline .startbtn{
        width:190px;
    }
}
@media (max-width:728px){
    .hometitle {
        top:68px;
    }
    .hometitleimg{
       width: 300px;
    }
    .homebg{
        background-image: url("../images/bg_block_m.png") ;
        margin-top: 0;
    }
    .indexnav {
        height: 120px;
    }
    .homepic{
        top:50%;
    }
    .indexnav .logo{
        margin:20px 0 40px 38px;
        width:54px;
    }
    .indexnav .navtitle{
        margin:20px 38px 19px 0;
        width: 58px;
    }
    .downline .hometitleb{
        width:303px;
        margin-top: -25px;
    }
    .downline .startbtn{
        width:140px;
        top: 57%;
    }
    .downline {
        height: 13%;
    }
}
/* ipad pro */
@media (max-width:1024px)and (min-height:1366px) {
    .hometitle {
        top: 63px;
    }
    .hometitleimg{
       width: 600px;
    }
    .homepic{
        width:550px;
        /* top:43%; */
    }
    .indexnav .logo{
        margin:60px 0 40px 70px;
        width:105px;
    }
    .indexnav .navtitle{
        margin:60px 70px 19px 0;
        width: 112px;
    }
    .downline .hometitleb{
        width:580px;
    }
  
}
/* 安卓手机输入 */
@media (max-width:768px) and (max-height:555px) {
    .homepic {
        width:260px;
    }
}

.previousbg{
    background-color: #fceaee;
    margin-top: 160px;
} 
.previous{
    
    text-align: center;
    padding-top:35px;
}
.previous h3{
    color:#ff2753;
}