* {
    margin     : 0;
    padding    : 0;
    font-family: Microsoft Yahei;
}

html {
    height: 100%;
}

body {
    /* min-width: 1130px; */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

img {
    border-style: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

a {
    text-decoration: none
}

input,
textarea,
button {
    border : 0;
    outline: 0;
    padding: 0;
    margin : 0
}

body {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    background    : #FFFFFF;
    min-width     : 1100px;
}

.r1 {
    width            : 100%;
    /* min-width     : 1130px; */
    height           : 885px;
    position         : relative;
    display          : flex;
    flex-direction   : row;
    justify-content: center;
    box-sizing     : border-box;
    padding-top    : 111px;
}
.r1 .l_img {
    margin-right: 150px;
    width       : 550px;
}


.r1 .l_img img {
    display: block;
    width  : 100%;
}
.r1 .r_des {
    margin-top: 72px;
}
.r1 p {
    font-family: PingFangSC-Semibold;
    font-size: 40px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 600;
}
.r1 p img{display: block;}
.r1 p img:nth-child(1){margin-bottom: 52px;}
.r1 .btns {
    padding-top: 47px;
}
.r1 .btns img {
    width: 132px;
    height: 132px;
    display: block;background: #F5F5F5;
    border-radius: 8px; padding: 13px;  float: left;
}
.r1 .btns div{
    margin-left: 20px;    float: left;
}
.r1 .btns .iosbtn {
    /* width         : 210px; */
    width         : 160px;
    height        : 60px;
    background    : #1484FF url(../img/btn_ios.png) no-repeat;
    /* background-size: 210px 60px; */
    background-size: 160px 60px;
    border-radius : 12px;
    display       : block;
    margin-top: 10px;
}
.r1 .btns .azbtn {
    /* width         : 210px; */
    width         : 160px;
    height        : 60px;
    background    : #1484FF url(../img/btn_android.png) no-repeat;
    /* background-size: 210px 60px; */
    background-size: 160px 60px;
    border-radius : 12px;
    display       : block;
    margin-top: 10px;
}

.r2 {
    width            : 100%;
    /* min-width     : 1130px; */
    height           : 800px;
    position         : relative;
    display          : flex;
    flex-direction   : row;
    justify-content: center;
    box-sizing     : border-box;
    background: #F4F4F4;
}
.r2 .l_img {
    margin-left: 51px;
    width       : 532px;
    margin-top: 120px;
}
.r2 .l_img img {
    display: block;
    width  : 100%;
}
.r2 .r_des {
    margin-top: 300px;
    margin-left: 95px;
}
.r2 p {
    font-family: PingFangSC-Semibold;
font-size: 50px;
color: #000000;
letter-spacing: 0;
font-weight: 600;
margin-bottom: 22px;
}
.r2 span{font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 600;}

.r3 {
    width            : 100%;
    /* min-width     : 1130px; */
    height           : 800px;
    position         : relative;
    display          : flex;
    flex-direction   : row;
    justify-content: center;
    box-sizing     : border-box;
}
.r3 .l_img {
    margin-right: 135px;
    width       : 450px;
    margin-top: 120px;
}
.r3 .l_img img {
    display: block;
    width  : 100%;
}
.r3 .r_des {
    margin-top: 333px;
}
.r3 p {
    font-family: PingFangSC-Semibold;
font-size: 50px;
color: #000000;
letter-spacing: 0;
font-weight: 600;
margin-bottom: 22px;
}
.r3 span{font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 600;}

.r4 {
    width            : 100%;
    /* min-width     : 1130px; */
    height           : 800px;
    position         : relative;
    display          : flex;
    flex-direction   : row;
    justify-content: center;
    box-sizing     : border-box;
    background: #F4F4F4;
}
.r4 .l_img {
    margin-left: 104px;
    width       : 432px;
    margin-top: 70px;
}
.r4 .l_img img {
    display: block;
    width  : 100%;
}
.r4 .r_des {
    margin-top: 272px;
}
.r4 p {
    font-family: PingFangSC-Semibold;
font-size: 50px;
color: #000000;
letter-spacing: 0;
font-weight: 600;
margin-bottom: 22px;
}
.r4 span{font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 600;}

    .r5 {
        width            : 100%;
        /* min-width     : 1130px; */
        height           : 800px;
        position         : relative;
        display          : flex;
        flex-direction   : row;
        justify-content: center;
        box-sizing     : border-box;

    }
    .r5 .l_img {
        margin-right: 249px;
        width       : 432px;
        margin-top: 52px;
    }
    .r5 .l_img img {
        display: block;
        width  : 100%;
    }
    .r5 .r_des {
        margin-top: 281px;
    }
    .r5 p {
        font-family: PingFangSC-Semibold;
    font-size: 50px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 600;
    margin-bottom: 22px;
    }
    .r5 span{font-family: PingFangSC-Semibold;
        font-size: 24px;
        color: #333333;
        letter-spacing: 0;
        line-height: 36px;
        font-weight: 600;}

.r6 {
    width            : 100%;
    /* min-width     : 1130px; */
    height           : 800px;
    position         : relative;
    display          : flex;
    flex-direction   : row;
    justify-content: center;
    box-sizing     : border-box;
    background: #F4F4F4;
}
.r6 .l_img {
    margin-left: 185px;
    width       : 414px;
    margin-top: 83px;
}
.r6 .l_img img {
    display: block;
    width  : 100%;
}
.r6 .r_des {
    margin-top: 272px;
}
.r6 p {
    font-family: PingFangSC-Semibold;
font-size: 50px;
color: #000000;
letter-spacing: 0;
font-weight: 600;
margin-bottom: 22px;
}
.r6 span{font-family: PingFangSC-Semibold;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    line-height: 36px;
    font-weight: 600;}

















footer {
    height             : 180px;
    width              : 100%;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    font-weight: 600;
    text-align         : center;
    line-height        : 180px;
    left               : 0;
    background: #F4F4F4;
}

footer a {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    font-weight: 600;
}

footer a:hover {
    color: #333;
}

header {
    padding-top: 20px;
    position   : absolute;
    left       : 20%;
}

header img {
    width : 170px;
    height: 68px;
}