html {
    font-size: 24px;
}

@media (max-width: 1024px) {
    .section7 .page-m-wraper3{
        left:8%;
    }

}
@media (min-width: 1024px) {
    html {
        font-size: 26px
    }
}

@media (min-width: 1280px) {
    html {
        font-size: 28px;
    }
}

@media (min-width: 1366px) {
    html {
        font-size: 30px;
    }
}

@media (min-width: 1440px) {
    html {
        font-size: 30px
    }
}

@media (min-width: 1680px) {
    html {
        font-size: 35px;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 40px;
    }
} 

.section {
    color: #fff;
    font-family: '微软雅黑';
    overflow: hidden;
    height: 100% !important;
}

.icons{
    background: url("/img/icons.png") no-repeat;
}

.section1 {
    background: url("/img/page1-bg.png") no-repeat;
    background-size: cover;
}

.main-wraper {
    position: absolute;
    left: 20%;
    min-width: 800px;
}

.page1-m-wraper {
    top: 25%;
}

.page1-imgs {
    background: url("/img/page1-imgs.png") no-repeat;
}

.response-img {
    max-width: 100%;
}

.page1-title {
    color: #ff6767;
    font-size: 1.35rem;
}

.word-wraper,
.phone-wraper {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}

.phone-wraper {
    width: 12.0rem;
}
.phone-wraper2{
    width: 10rem;
}

.word-wraper {
    width: 16.125rem
}

.sub-title {
    line-height: 2.0rem;
    font-size: 0.6rem;
}

.wx-btn {
    font-size: 26px;
    color: #ff6767;
    line-height: 78px;
    width: 258px;
    border: 2px solid #ff6767;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.wx-img {
    position: absolute;
    height: 188px;
    width: 218px;
    left: 110%;
    bottom: 2px;
}

.a-btn {
    margin-top: 30px;
}

.wx-btn:hover {
    background-color: #ff6767;
    color: #fff;
}

.wx-btn:hover .wx-img {
    display: block;
}

.wx-left {
    line-height: 3.25rem;
    margin-top: 0.75rem;
}

.section2 {
    background: url("/img/page2-bg.png") no-repeat;
    background-size: cover;
}

.page-m-wraper2 {
    bottom: 0;
}

.title-icon {
    display: inline-block;
    line-height: 1.35rem;
    padding: 0 0.3rem;
    border: 1px solid #fff;
    font-size: 0.85rem;
    position: relative;
}

.title-icon:after {
    content: "";
    width: 5.5rem;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 100%;
    top: 50%;
}

.main-title {
    font-size: 1.4rem;
    line-height: 2.8rem;
}

.main-content {
    font-size: 0.6rem;
    margin: 0.7rem 0;
}
.main-title,
.main-content{
    padding-left: 0.3rem;
}
.m-f-icon {
    display: inline-block;
    height: 58px;
    width: 58px;
    margin-left: 0.3rem;
    background-color: #dee5eb;
    -webkit-border-radius:5px;
            border-radius:5px;
}
.section2 .m-f-icon3{
    background-position: -205px -197px;
}
.section2 .m-f-icon2{
    background-position: -110px -195px;
}
.section2 .m-f-icon1{
    background-position: -15px -195px;
}

.section5 .m-f-icon3{
    background-position: -209px -282px;
}
.section5 .m-f-icon2{
    background-position: -113px -283px;
}
.section5 .m-f-icon1{
    background-position: -17px -283px;
}

.section6 .m-f-icon3{
    background-position: -213px -355px;
}
.section6 .m-f-icon2{
    background-position: -118px -356px;
}
.section6 .m-f-icon1{
    background-position: -21px -354px;
}


.b-word-wraper {
    vertical-align: middle;
}
.r-word-wraper{
    text-align: right;
}
.r-word-wraper .main-title,
.r-word-wraper .main-content{
    padding-right: 0.3rem;
    padding-left:0px;
}
.r-word-wraper .m-f-icon{
    margin-left: 0px;
    margin-right: 0.3rem;
}
.r-word-wraper .title-icon:after {
    left:-5.5rem;;
    top: 50%;
}
.section3{
    background: url("/img/page3-bg.png") no-repeat;
    background-size: cover;
}
.main-footer{
    height: 7rem;
    width: 7rem;
}
.m-f-img{
    margin-left:80%;
}
.section4{
    background: url("/img/page4-bg.png") no-repeat;
    background-size: cover;
}
.section5{
    background: url("/img/page5-bg.png") no-repeat;
    background-size: cover;
}
.section6{
    background: url("/img/page6-bg.png") no-repeat;
    background-size: cover;
}
.section7{
    background: url("/img/page7-bg.png") no-repeat;
    background-size: cover;
}
.last-m-wraper{
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.m-w-title{
    font-size: 0.85rem;
}
.m-w-title2{
    font-size: 1.0rem;
}
.last-m-wraper{
}
.btns-wraper .wx-btn{
    display: inline-block;
}
.btns-wraper .wx-btn:first-child{
    margin-right: 0.85rem;
}
.page-m-wraper3{
    top:18%;
    width: 60%;
    text-align: center;
}
.m-w-title,
.m-w-title2{
    line-height: 1.5rem;
}
.m-l-wximg{
    height: 6.875rem;
    width: 5.375rem;
    display: inline-block;
    margin-top: 1rem;
}


.ios,
.android{
    display: inline-block;
    height: 40px;
    width: 40px;
}
.ios{
    background-position: -26px -8px;
    margin-right: 0.25rem;
    vertical-align: text-bottom;
}
.android{
    background-position: -110px -112px;
    vertical-align: middle;
}
.wx-btn:hover .ios{
    background-position: -105px -13px;
}
.wx-btn:hover .android{
    background-position: -31px -117px;
}


.s-last-top{
    position: absolute;
    left:0px;
    right:0px;
    top: 0px;
    bottom: 0px;
}
.s-last-top2{
    top:-317px;
    bottom:317px;
    -webkit-transition: all 1s;
    transition :all 1s;
}
.common-footer{
    position: absolute;
    bottom:-317px;
    left:0px;
    right:0px;
}
.common-footer2{
    bottom:0px;
    -webkit-transition: all 1s;
    transition :all 1s;
}