.sectionOuter{width: 1000px;margin: 0 auto;position: relative;}
.transparentBg{background:#000;display:block;width:100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0.5;z-index: 0;}
.section1{position:relative;height:  814px;}
.section1-1 {position:absolute;top: 540px;width: 400px;text-align: center;right: 0;}
.section1-1  h1{display:inline-block;color: #fff;font-size: 136px;font-weight: bold;padding: 0px 0px;font-family: "Montserrat","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;;line-height: 136px;/* color: #000; */margin: 0;}
.section1-1  h1 b{color: #d7000f;}
.section1-1  h2{display: block;color: #fff;font-size: 28px;position: relative;/* font-weight: bold; */padding: 0;margin: 10px 0;}
.section1-1  h3{display: block;color: #fff;font-size: 12px;/* margin-left: 10px; *//* font-weight: bold; */padding: 0;margin: 0;}
.section1-2 {position:absolute;top: 70px;/* width: 400px; *//* text-align: center; */left: 0;}
.section1-1  h2:before{content:"";border:1px solid #fff;width: 120px;display: block;position: absolute;top: 13px;left: 0;}
.section1-1  h2:after{content:"";border:1px solid #fff;width: 120px;display: block;position: absolute;top: 13px;right: 0;}

.section2{position:relative;height:  806px;}
.section2-1 {position:absolute;top: 80px;width: 400px;text-align: left;left: 0;}
.section2-1  h2{display: block;padding-left: 155px;position: relative;background: #fff;z-index: 2;overflow: visible;margin-bottom: 70px;/* height: 135px; */}
.section2-1  h2 img{position: absolute;left: 0;top: -17px;/* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section2-1  span{content:"";display: inline-block;width: 185px;height: 155px;border: 3px solid;position: absolute;top: -10px;right: -20px;/* z-index: -1; *//* background: #fff; */}

.sectionsoftware{position:relative;overflow: hidden;padding: 160px 0;}
.sectionsoftwarebg{position: relative;background: #efefef;left: 0;height: 800px;width: 46%;z-index: 0;}
.sectionsoftware-1{float: left;top: 40px;width: 40%;text-align: center;left: 5%;/* padding-top: 200px; *//* position: absolute; */}
.sectionsoftware-1  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.sectionsoftware-1 img{
    /* width: 190px; */
    /* max-width: 100%; */
}
.sectionsoftware-2{float: left;top: 20px;width: 50%;text-align: left;/* left: 50%; */z-index: 1;padding-top: 90px;padding-left: 5%;}
.sectionsoftware-2 h2{
    /* color: #fff; */
    margin-bottom: 40px;
}
.sectionsoftware-2 p{
    /* color: #fff; */
}
.sectionsoftware ul li{
    width: 50%;
    float: left;
    text-align: center;
}
.sectionsoftware ul li img{margin: 15px 0;max-width: 100%;}
.appbtn{
    background: #eeeeee;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    width: 140px;
    display: inline-block;
    text-align: center;
}
.appbtn i{
    margin-right: 8px;
    font-size: 20px;
    color: #000000;
}
.apkbtn{
    background: #eeeeee;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    width: 140px;
    display: inline-block;
    text-align: center;
}
.apkbtn i{
    margin-right: 8px;
    font-size: 20px;
    color: #97c03c;
}


.section3{position:relative;}
.section3-1 {position: absolute;top: 200px;width: 400px;/* padding-bottom: 40px; */padding-left: 0;}
.section3-1  h2{display: inline-block;color: #fff;width: 150px;position: relative;background: #505a01;padding: 10px 0;margin: 0 0 80px;z-index: 1;}
.section3-1  span{
    position: absolute;
    top: -15px;
    left: 80px;
    width: 130px;
    height: 130px;
    border: 2px solid #fff;
}
.section3-1  p{/* display: block; */color: #f3f3f3;/* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}

.section3-2 {position: relative;padding: 0px 0;width: 100%;text-align: left;padding-left: 0%;}

.section4{position:relative;overflow: hidden;}
.section4-1 {position:absolute;top: 80px;/* width: 47%; */text-align: left;right: 20px;}
.section4-1 h1{font-size:100px;color: #727171;}
.section4-2  h1{display:block;color: #e60012;font-size: 50px;margin-bottom: 0px;}
.section4-2  h2{display: inline-block;color: #fff;z-index: 2;background: #02041e;position: relative;padding: 10px 0;margin: 0 0 60px;}
.section4-2  span{content:"";display: inline-block;width: 135px;height: 135px;border: 3px solid #fff;position: absolute;top: 30px;right: 120px;/* z-index: -1; *//* background: #fff; */}

.section4-2  p{
    color: #f3f3f3;
}
.section4-2 {position: absolute;top: 100px;width: 420px;text-align: left;/* padding-left: 50%; */}
.section4-3 {position: absolute;left: 0;top: 548px;/* text-align: left; *//* padding-left: 50%; */}
.section4-4 {position: absolute;top: 355px;width: 50%;text-align: right;right: 0px;}
.section4-5 {position: absolute;top: 715px;/* width: 50%; */text-align: right;right: 20px;}
.section4-5 span{border-radius:10px;border: 2px solid #fff;display: block;width:100px;height: 100px;margin-left: 30px;text-align: center;float: left;padding: 18px 0;color: #fff;}
.section4-5 span b{font-size: 25px;letter-spacing: 2px;font-weight: normal;/* text-align: center; */}

.section5{position:relative;}
.section5-1 {position:absolute;top: 555px;/* width: 47%; *//* text-align: left; */right: -30px;}
.section5-1 h1{font-size:100px;color:#fff;}
.section5-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section5-2  p{
    /* color: #fff; */
}
.section5-2 {position: absolute;top: 320px;width: 37%;text-align: left;left: 63%;}
.section5-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section6{position:relative;}
.section6-1 {position:absolute;top: 80px;/* width: 47%; */text-align: left;left: 20px;}
.section6-2 img{position: relative;z-index: 1;}
.section6-2  h2{display: block;color: #fff;position: relative;/* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */z-index: 1;}
.section6-2  p{
    color: #fff;
    z-index: 1;
    position: relative;
}
.section6-2 {position: absolute;top: 450px;width: 45%;text-align: left;left: 0;}
.section6-2-1{position:relative;overflow: visible;height: auto;padding: 20px 30px;}
.section6-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section7{position:relative;}
.section7-1 {position:absolute;top: 80px;width: 50%;text-align: left;left: 0;}
.section7-1 h1{font-size:100px;color:#fff;}
.section7-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section7-2  p{
    /* color: #fff; */
}
.section7-2 {position: absolute;top: 130px;width: 45%;text-align: left;left: 55%;}
.section7-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section8{position:relative;overflow: hidden;}
.section8-1 {position:absolute;top: 80px;width: 48%;text-align: left;left: 0%;/* padding: 20px; *//* opacity: 0.5; */}
.section8-1 h1{font-size:100px;color:#fff;}
.section8-1-1{z-index: 99;position: relative;height: 100%;width: 100%;padding: 20px;}
.section8-1-1 h2{z-index:1;color: #fff;}
.section8-1-1 p{z-index:1;color: #fff;}
.section8-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section8-2  p{
    /* color: #fff; */
}
.section8-2 {position: absolute;top: 55px;/* width: 30%; */text-align: left;left: 50%;}
.section8-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section9{position:relative;}
.section9-1 {position:absolute;top: 10px;width: 50%;text-align: left;left: 0;padding: 0 20px;}
.section9-1 h1{font-size:100px;color:#fff;}
.section9-1  h2{display: block;color: #fff;/* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section9-1  p{
    /* color: #fff; */
}
.section9-1 h2 {height: 90px;padding:0px 0 15px;text-align: center;vertical-align: bottom;line-height: 90px;}
.section9-2 {position: absolute;top: 10px;width: 50%;text-align: left;left: 50%;padding: 0 20px;}
.section9-2 h2 {height: 90px;padding:0px 0 15px;text-align: center;}

.section9-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section10{position:relative;}
.section10-1 {position:absolute;top: 155px;width: 400px;height: 400px;text-align: left;left: 40px;z-index: 1;}
.section10-1 h1{font-size:100px;color:#fff;}
.section10-1 img{max-width:100%;}
.section10-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section10-1  p{
    color: #333;
}
.section10-2 {position: absolute;top: 560px;width: 30%;left: 40px;z-index: 1;}
.section10-2 img{margin-right:30px;}
.section10-3 {position: relative;/* text-align: right; *//* top: 0; *//* text-align: left; *//* padding-left: 50%; */}

.section11{position:relative;}
.section11-1 {position:absolute;top: 570px;width: 50%;text-align: left;left: 50%;}
.section11-1 h2{color:#fff;}
.section11-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section11-1  p{
    color: #f3f3f3;
}
.section11-2 {position: absolute;top: 100px;width: 30%;text-align: left;left: 70%;}
.section11-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section12{position:relative;padding-bottom: 360px;}
.section12-1 {position:absolute;top: 900px;width: 45%;text-align: left;left: 55%;}
.section12-1 h2{/* color:#fff; */}
.section12-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section12-1  p{
    /* color: #f3f3f3; */
}
.section12-2 {position: absolute;top: 160px;/* width: 30%; */text-align: left;left: 127px;}
.section12-3 {position: absolute;left: 0;top: 760px;width: 480px;height: 350px;}
.section12-3 .span1{width:50%;float:left;position: absolute;top: 138px;padding: 20px;font-size: 12px;color: #fff;text-align: center;line-height: 15px;}
.section12-3 .span2{width:50%;padding: 20px;position: absolute;top: 140px;left: 50%;font-size: 12px;color: #fff;text-align: center;}
.section12-4{position: absolute;left: 0;top: 450px;width: 100%;/* height: 350px; */}
.section12-4 h1{color:#fff;text-align:center;font-size: 60px;}

.section13{position:relative;}
.section13-1 {position:absolute;top: 550px;width: 450px;text-align: left;left: 0;}
.section13-1 h2{color:#fff;}
.section13-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section13-1  p{
    color: #f3f3f3;
}
.section13-2 {position: absolute;top: 260px;/* width: 30%; *//* text-align: left; */left: 400px;}
.section13-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}
.section13-1-1{z-index: 99;position: relative;height: 100%;width: 100%;padding: 20px;}
.section13-1-1 h2{z-index:1;color: #fff;}
.section13-1-1 p{z-index:1;color: #fff;}


.section14{position:relative;}
.section14-1 {position:absolute;top: 350px;width: 300px;text-align: center;left: 350px;}
.section14-1 h2{/* color:#fff; */}
.section14-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section14-1  p{
    /* color: #f3f3f3; */
}
.section14-2 {position: absolute;top: 100px;width: 30%;text-align: left;left: 70%;}
.section14-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section15{position:relative;}
.section15-1 {position:absolute;top: 280px;width: 30%;text-align: left;left: 70%;}
.section15-1 h2{color: #000;}
.section15-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section15-1  p{
    color: #000;
}
.section15-2 {position: absolute;top: 100px;width: 30%;text-align: left;left: 70%;}
.section15-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section16{position:relative;}
.section16-1 {position:absolute;top: 60px;width: 400px;text-align: center;left: 300px;}
.section16-1 h2{color:#fff;}
.section16-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section16-1  p{
    color: #f3f3f3;
}
.section16-2 {position: absolute;top: 100px;width: 30%;text-align: left;left: 70%;}
.section16-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section17{position:relative;background: #151821;}
.section17-1 {position:absolute;top: 100px;width: 50%;text-align: left;left: 0;}
.section17-1 h2{color:#fff;}
.section17-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section17-1  p{
    color: #f3f3f3;
}
.section17-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.section17-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section18{position:relative;overflow: hidden;}
.section18-1 {position:absolute;top: 580px;width: 50%;text-align: center;left: 25%;z-index: 10;}
.section18-1 h2{/* color:#fff; */}
.section18-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section18-1  p{
    /* color: #f3f3f3; */
}
.section18-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.section18-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section19{position:relative;}
.section19-1 {position:absolute;top: 80px;width: 50%;text-align: left;left: 50%;}
.section19-1 h2{/* color:#fff; */}
.section19-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section19-1  p{
    /* color: #f3f3f3; */
}
.section19-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.section19-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section20{position:relative;background: #f7f8f8;}
.section20-1 {position:absolute;top: 80px;width: 60%;text-align: center;left: 20%;}
.section20-1 h2{color:#fff;}
.section20-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section20-1  p{
    color: #f3f3f3;
}
.section20-2 {position: absolute;top: 480px;width: 45%;text-align: left;left: 55%;}
.section20-2 p{
    border-bottom: 1px solid #6f6f6f;
}
.section20-2 b{font-size:25px;}
.section20-3 {position: relative;left: 50%;top: 0;/* text-align: left; */margin-left: -649px;}

.section21{position:relative;padding: 60px 0;}
.section21-1 {position: relative;top: 0;width: 100%;text-align: center;left: 0;}
.section21-1 h2{/* color:#fff; */margin-bottom: 40px;}
.section21-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section21-1  p{
    /* color: #f3f3f3; */
}
.section21-1 img{max-width:100%;padding:20px 0;}
.section21-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.section21-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section22{position:relative;padding: 40px 0;/* background: #f7f8f8; */}
.section22-1 {position: absolute;top: 40px;width: 100%;text-align: center;left: 0;}
.section22-1 h2{/* color:#fff; */}
.section22-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section22-1  p{
    /* color: #f3f3f3; */
}
.section22-1 img{max-width:100%;padding:20px 0;}
.section22-2 {position: absolute;top: 760px;/* width: 30%; *//* text-align: left; */left: 0;}
.section22-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.section23{position:relative;padding: 40px 0;/* background: #f7f8f8; */}
.section23-1 {position: relative;top: 0;width: 100%;text-align: center;left: 0;}
.section23-1 h2{/* color:#fff; */}
.section23-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.section23-1  p{}
.section23-1 img{max-width:100%;padding:20px 0;}
.section23-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.section23-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}

.sectionSpec{position:relative;/* padding: 40px 0; *//* background: #f7f8f8; */}
.sectionSpec-1 {position: absolute;top: 60px;width: 80%;text-align: left;left: 0;}
.sectionSpec-1 h2{/* color:#fff; */}
.sectionSpec-1 ul{margin:20px 0;}
.sectionSpec-1 ul li{width:50%;float:left;/* color:#f3f3f3; */font-size:18px;line-height:30px;font-weight: normal;}
.sectionSpec-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.sectionSpec-1  p{
    /* color: #f3f3f3; */
}
.sectionSpec-1 img{max-width:100%;padding:20px 0;}
.sectionSpec-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.sectionSpec-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}


.sectionPackage{position:relative;/* padding: 40px 0; *//* background: #f7f8f8; */}
.sectionPackage-1 {position: absolute;top: 30px;width: 600px;text-align: left;left: 0;}
.sectionPackage-1 h2{/* color:#fff; */}
.sectionPackage-1 ul{margin:20px 0;}
.sectionPackage-1 ul li{width:50%;float:left;/* color:#f3f3f3; */font-size:18px;line-height:30px;font-weight: normal;}
.sectionPackage-2  h2{display: block;/* color: #fff; *//* font-size: 36px; *//* margin-left: 10px; *//* font-weight: bold; *//* padding: 0; *//* margin: 0; */}
.sectionPackage-1  p{
    /* color: #f3f3f3; */
}
.sectionPackage-1 img{max-width:100%;padding:20px 0;}
.sectionPackage-2 {position: relative;top: 0;/* width: 30%; *//* text-align: left; */left: -400px;}
.sectionPackage-3 {position: absolute;left: 40%;top: 0;/* text-align: left; *//* padding-left: 50%; */}