#pagescroll { margin-top: 70px;}
#pagescroll .inner { width: 1100px; height: 100%;}
#pagescroll .section1 .left_box{ width:488px; height:488px;position:absolute; top:50%; margin-top:-244px; left:0;}
#pagescroll .section1 .left_box img{height: 100%;}

#pagescroll .section1 .right_box{position:absolute; top:65%; margin-top:-244px; right:120px;width:540px;}
#pagescroll .section1 .right_box p{font-size: 40px;color: #fff;text-align: center;font-weight: lighter;line-height: 62px;}
.down-btn{margin-top: 32px;}
.down-btn div{display: inline-block;height: 62px;width: 220px;background: url("../images/index/downbg.png") no-repeat left top;color: #fff;text-align: center;line-height: 62px;font-size: 20px;cursor: pointer;}
.iPhone{margin-left: 35px;}
.Android{margin-right: 35px;}
.down-btn .iPhone span{background: url("../images/index/iphone-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}
.down-btn .Android span{background: url("../images/index/andron-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}
.section2 .right_box,.section4 .right_box{position:absolute; top:65%; margin-top:-244px; left:120px;width:540px;}
.section2 .right_box p,.section4 .right_box p{color: #fff;font-size: 22px;line-height: 32px;}
.section2 .right_box .onestrop{background: url("../images/index/twobg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}

.section3 .right_box,.section5 .right_box{position:absolute; top:65%; margin-top:-244px; right:70px;width:540px;}
.section3 .right_box p,.section5 .right_box p{color: #2e2e2e;font-size:22px;line-height: 32px;}
.section3 .right_box .onestrop{background: url("../images/index/threebg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}

.section4 .right_box .onestrop{background: url("../images/index/fourbg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}
.section5 .right_box .onestrop{background: url("../images/index/fivebg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}


#pagescroll .section2 .left_box{ width:488px; height:488px;position:absolute; top:45%; margin-top:-224px; right:0; overflow:hidden;}
#pagescroll .section2 .left_box img{height: 100%;}
#pagescroll .section3 .left_box{ width:488px; height:488px;position:absolute; top:45%; margin-top:-224px; left:0; overflow:hidden;}
#pagescroll .section3 .left_box img{height: 100%;}
#pagescroll .section4 .left_box{ width:488px; height:488px;position:absolute; top:45%; margin-top:-224px; right:0; overflow:hidden;}
#pagescroll .section4 .left_box img{height: 100%;}
#pagescroll .section5 .left_box{ width:488px; height:488px;position:absolute; top:45%; margin-top:-224px; left:0px; overflow:hidden;}
#pagescroll .section5 .left_box img{height: 100%;}


#pagescroll .section1 { background: url("../images/index/bg1.png") no-repeat left top;background-size:cover;}
#pagescroll .section2 { background: url("../images/index/bg2.png") no-repeat left top;background-size:cover;}
#pagescroll .section3 {background: url("../images/index/bg3.png") no-repeat left top;background-size:cover;}
#pagescroll .section4 {background: url("../images/index/bg4.png") no-repeat left top;background-size:cover;}
#pagescroll .section5 {background: url("../images/index/bg5.png") no-repeat left top;background-size:cover;}


.layui-layer-dialog{min-width:200px!important;background: rgba(0, 0, 0, 0.61)!important;
    color: #fff; }
.layui-layer-content{padding: 0!important;text-align: center; line-height: 48px!important; font-size: 20px!important;}






@media (min-width: 992px){
    /*#pagescroll .inner { width:100%;height: 100%; }
    #pagescroll .section1 .left_box {width: 50%;height: 650px;position: absolute;top: 37%; margin-top: -244px;left: 0; text-align: center;}
    #pagescroll .section1 .left_box img { height: 100%;}
    #pagescroll .section1 .right_box{position:absolute; top:60%; margin-top:-244px; right:70px;width:50%;}
    #pagescroll .section1 .right_box p{font-size: 40px;color: #fff;text-align: center;font-weight: lighter;line-height: 62px;}
    .down-btn{margin-top: 32px;}
    .down-btn div{display: inline-block;height: 62px;width: 220px;background: url("../images/index/downbg.png") no-repeat left top;color: #fff;text-align: center;line-height: 62px;font-size: 20px;cursor: pointer;}
    .iPhone{margin-left: 35px;}
    .Android{margin-right: 35px;}
    .down-btn .iPhone span{background: url("../images/index/iphone-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}
    .down-btn .Android span{background: url("../images/index/andron-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}

    #pagescroll .section2 .left_box{ width:50%; height:650px;position:absolute; top:33%; margin-top:-224px; right:0; overflow:hidden;}
    #pagescroll .section2 .left_box img{height: 100%;}
    .section2 .right_box,.section4 .right_box{position:absolute; top:65%; margin-top:-244px; left:130px;width:50%;}
    .section2 .right_box p,.section4 .right_box p{color: #fff;font-size: 22px;line-height: 32px;}
    .section2 .right_box .onestrop{background: url("../images/index/twobg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}

    #pagescroll .section3 .left_box{ width:50%; height:650px;position:absolute; top:33%; margin-top:-224px; left:0; overflow:hidden;}
    #pagescroll .section3 .left_box img{height: 100%;}
    #pagescroll .section4 .left_box{ width:50%; height:650px;position:absolute; top:33%; margin-top:-224px; right:0; overflow:hidden;}
    #pagescroll .section4 .left_box img{height: 100%;}
    #pagescroll .section5 .left_box{ width:50%; height:650px;position:absolute; top:33%; margin-top:-224px; left:0; overflow:hidden;}
    #pagescroll .section5 .left_box img{height: 100%;}

    .section3 .right_box,.section5 .right_box{position:absolute; top:65%; margin-top:-244px; right:-35px;width:50%;}
    .section3 .right_box p,.section5 .right_box p{color: #2e2e2e;font-size:22px;line-height: 32px;}
    .section3 .right_box .onestrop{background: url("../images/index/threebg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}*/

}

@media (max-width: 768px){
    #pagescroll .inner { width:100%;height: 100%; }
    #pagescroll .section1 .left_box {width: 100%;height: 520px;position: absolute;top: 30%; margin-top: -244px;left: 0; text-align: center;}
    #pagescroll .section1 .left_box img { height: 100%;}
    #pagescroll .section1 .right_box {position: absolute; top: 85%; margin-top: -244px; right: 0; width:100%; }
    #pagescroll .section1 .right_box p{font-size: 34px;color: #fff;text-align: center;font-weight: lighter;line-height:52px;}
    .down-btn{margin-top: 20px;text-align: center;}
    .down-btn div{display:block;height: 55px;width: 45%;background: url("../images/index/downbg.png") no-repeat left top;background-size:100% 55px;color: #fff;text-align: center;line-height: 55px;font-size: 16px;cursor: pointer;float: none!important;margin: 0 auto;}
    .iPhone{margin-bottom: 20px!important;}
    .down-btn .iPhone span{background: url("../images/index/iphone-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}
    .down-btn .Android span{background: url("../images/index/andron-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}


    #pagescroll .section2 .left_box{ width:100%; height:488px;position:absolute; top:30%; margin-top:-224px; right:0; overflow:hidden;text-align: center;}
    #pagescroll .section2 .left_box img{height: 100%;}
    .section2 .right_box,.section4 .right_box{position:absolute; top:85%; margin-top:-244px; left:0;width:100%;text-align: center;}
    .section2 .right_box p,.section4 .right_box p{color: #fff;font-size: 24px;line-height: 44px;}
    .section2 .right_box .onestrop{background: url("../images/index/twobg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}

    #pagescroll .section3 .left_box{width:100%; height:488px;position:absolute; top:30%; margin-top:-224px; left:0; overflow:hidden;text-align: center;}
    #pagescroll .section3 .left_box img{height: 100%;}
    #pagescroll .section4 .left_box{ width:100%; height:488px;position:absolute; top:30%; margin-top:-224px; right:0; overflow:hidden;text-align: center;}
    #pagescroll .section4 .left_box img{height: 100%;}
    #pagescroll .section5 .left_box{ width:100%; height:488px;position:absolute; top:30%; margin-top:-224px; left:0; overflow:hidden;text-align: center;}
    #pagescroll .section5 .left_box img{height: 100%;}

    .section3 .right_box,.section5 .right_box{position:absolute; top:85%; margin-top:-244px; right:0;width:100%;text-align: center;}
    .section3 .right_box p,.section5 .right_box p{color: #2e2e2e;font-size:24px;line-height: 44px;}
    .section3 .right_box .onestrop{background: url("../images/index/threebg.png") no-repeat left top;display: inline-block;height: 55px;width: 240px; text-align: center; line-height: 55px; font-size: 30px;color: #fff; background-size: 240px 55px;margin-bottom: 15px;}

}



@media (max-width: 420px){
    #pagescroll .inner { width:100%;height: 100%; }
    #pagescroll .section1 .left_box {width: 100%;height: 335px;position: absolute;top: 42%; margin-top: -244px;left: 0; text-align: center;}
    #pagescroll .section1 .left_box img { height: 100%;}
    #pagescroll .section1 .right_box {position: absolute; top: 99%; margin-top: -244px; right: 0; width:100%; }
    #pagescroll .section1 .right_box p{font-size: 22px;color: #fff;text-align: center;font-weight: lighter;line-height:28px;}
    .down-btn{margin-top: 10px;text-align: center;}
    .down-btn div{display:block;height: 44px;width: 50%;background: url("../images/index/downbg.png") no-repeat left top;background-size:100% 44px;color: #fff;text-align: center;line-height: 44px;font-size: 14px;cursor: pointer;float: none!important;margin: 0 auto;}
    .iPhone{margin-bottom: 10px!important;}
    .down-btn .iPhone span{background: url("../images/index/iphone-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}
    .down-btn .Android span{background: url("../images/index/andron-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}



    #pagescroll .section2 .left_box{ width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; right:0; overflow:hidden;text-align: center;}
    #pagescroll .section2 .left_box img{height: 100%;}
    .section2 .right_box,.section4 .right_box{position:absolute; top:101%; margin-top:-244px; left:0;width:100%;text-align: center;}
    .section2 .right_box p,.section4 .right_box p{color: #fff;font-size: 18px;line-height: 24px;}
    .section2 .right_box .onestrop{background: url("../images/index/twobg.png") no-repeat left top;display: inline-block;height:40px;width: 170px; text-align: center; line-height: 40px; font-size: 20px;color: #fff; background-size: 170px 40px;margin-bottom: 15px;}

    #pagescroll .section3 .left_box{width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; left:0; overflow:hidden;text-align: center;}
    #pagescroll .section3 .left_box img{height: 100%;}
    #pagescroll .section4 .left_box{ width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; right:0; overflow:hidden;text-align: center;}
    #pagescroll .section4 .left_box img{height: 100%;}
    #pagescroll .section5 .left_box{ width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; left:0; overflow:hidden;text-align: center;}
    #pagescroll .section5 .left_box img{height: 100%;}

    .section3 .right_box,.section5 .right_box{position:absolute; top:101%; margin-top:-244px; right:0;width:100%;text-align: center;}
    .section3 .right_box p,.section5 .right_box p{color: #2e2e2e;font-size:18px;line-height: 24px;}
    .section3 .right_box .onestrop{background: url("../images/index/threebg.png") no-repeat left top;display: inline-block;height:40px;width: 170px; text-align: center; line-height: 40px; font-size: 20px;color: #fff; background-size: 170px 40px;margin-bottom: 15px;}

    .section4 .right_box .onestrop{background: url("../images/index/fourbg.png") no-repeat left top;display: inline-block;height:40px;width: 170px; text-align: center; line-height: 40px; font-size: 20px;color: #fff; background-size: 170px 40px;margin-bottom: 15px;}
    .section5 .right_box .onestrop{background: url("../images/index/fivebg.png") no-repeat left top;display: inline-block;height:40px;width: 170px; text-align: center; line-height: 40px; font-size: 20px;color: #fff; background-size: 170px 40px;margin-bottom: 15px;}

}


@media (max-width: 320px){
    #pagescroll .inner { width:100%;height: 100%; }
    #pagescroll .section1 .left_box {width: 100%;height: 290px;position: absolute;top: 46%; margin-top: -244px;left: 0; text-align: center;}
    #pagescroll .section1 .left_box img { height: 100%;}
    #pagescroll .section1 .right_box {position: absolute; top: 96%; margin-top: -244px; right: 0; width:100%; }
    #pagescroll .section1 .right_box p{font-size: 20px;color: #fff;text-align: center;font-weight: lighter;line-height:34px;}
    .down-btn{margin-top: 20px;text-align: center;}
    .down-btn div{display:block;height: 44px;width: 55%;background: url("../images/index/downbg.png") no-repeat left top;background-size:100% 44px;color: #fff;text-align: center;line-height: 44px;font-size: 14px;cursor: pointer;float: none!important;margin: 0 auto;}
    .iPhone{margin-bottom: 10px!important;}
    .down-btn .iPhone span{background: url("../images/index/iphone-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}
    .down-btn .Android span{background: url("../images/index/andron-icon.png") no-repeat left center;display: inline-block;padding-left: 30px;}



    #pagescroll .section2 .left_box{ width:100%; height:290px;position:absolute; top:46%; margin-top:-224px; right:0; overflow:hidden;text-align: center;}
    #pagescroll .section2 .left_box img{height: 100%;}
    .section2 .right_box,.section4 .right_box{position:absolute; top:102%; margin-top:-244px; left:0;width:100%;text-align: center;}
    .section2 .right_box p,.section4 .right_box p{color: #fff;font-size: 16px;line-height: 22px;}
    .section2 .right_box .onestrop{background: url("../images/index/twobg.png") no-repeat left top;display: inline-block;height:34px;width: 155px; text-align: center; line-height: 34px; font-size: 16px;color: #fff; background-size: 155px 34px;margin-bottom: 15px;}

    #pagescroll .section3 .left_box{width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; left:0; overflow:hidden;text-align: center;}
    #pagescroll .section3 .left_box img{height: 100%;}
    #pagescroll .section4 .left_box{ width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; right:0; overflow:hidden;text-align: center;}
    #pagescroll .section4 .left_box img{height: 100%;}
    #pagescroll .section5 .left_box{ width:100%; height:335px;position:absolute; top:40%; margin-top:-224px; left:0; overflow:hidden;text-align: center;}
    #pagescroll .section5 .left_box img{height: 100%;}

    .section3 .right_box,.section5 .right_box{position:absolute; top:102%; margin-top:-244px; right:0;width:100%;text-align: center;}
    .section3 .right_box p,.section5 .right_box p{color: #2e2e2e;font-size:16px;line-height: 22px;}
    .section3 .right_box .onestrop{background: url("../images/index/threebg.png") no-repeat left top;display: inline-block;height:34px;width: 155px; text-align: center; line-height: 34px; font-size: 16px;color: #fff; background-size: 155px 34px;margin-bottom: 15px;}

    .section4 .right_box .onestrop{background: url("../images/index/fourbg.png") no-repeat left top;display: inline-block;height:40px;width: 170px; text-align: center; line-height: 40px; font-size: 20px;color: #fff; background-size: 170px 40px;margin-bottom: 15px;}
    .section5 .right_box .onestrop{background: url("../images/index/fivebg.png") no-repeat left top;display: inline-block;height:34px;width: 155px; text-align: center; line-height: 34px; font-size: 16px;color: #fff; background-size: 155px 34px;margin-bottom: 15px;}

}