html {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    width: auto;
    font-size: 15px;
    height: auto;
    font-family: Microsoft YaHei Regular,Verdana,Helvetica,sans-serif;
    margin: 0 auto;
    text-align: left;
    background-color:#FFFFFF;
}

a {
    text-decoration: none;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 37px;
    line-height: 37px;
    background: rgba(25,127,230,1);
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255,255,255,1);
}

#header {
    height: 44px;
}

.h_con, #banner {
    margin: 0 auto;
    text-align: center;
}

#main {
    margin: 0 auto;
}


.description {
    margin: 0 auto;
    padding-top: 98px;
    text-align: center;
}

.title1 {
    margin: 0 auto;
    width: auto;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(255,255,255,1);
    line-height: 40px;
}

.title2 {
    margin: 0 auto;
    width: auto;
    margin-top: 21px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
}

.btn {
    width: 90%;
    margin: 0 auto;
    height: 37px;
    margin-top: 82px;
}

.longBtn {
    width: 90%;
    margin: 0 auto;
    height: 37px;
}

.trans {
    padding-top: 45px;
    padding-bottom: 45px;
}

    .trans p {
        font-size: 25px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(38,129,255,1);
        display: block;
        margin: 0 auto;
        text-align: center;
    }

.content {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
}

.value {
    height: 100px;
    width: 86.7%;
    padding-top: 22px;
    padding-bottom: 22px;
    margin: 0 auto;
    text-align: left;
    border-bottom: solid 1px #F0F0F0;
}

.pic {
    float: left;
}

    .pic img {
        height: 100px;
        width: 100px;
    }

.text {
    float: left;
    margin-left: 25px;
}

    .text p {
        font-size: 15px;
        font-weight: 400;
        color: rgba(85,85,85,1);
        line-height: 30px;
        padding-top: 20px;
    }

.textLeft {
    float: right;
    margin-right: 25px;
}

.picRight {
    float: right;
}

.example {
    margin-left: 13%;
    margin-right: 13%;
}

.title3 {
    font-size: 17px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 34px;
}

.title4 {
    padding-top: 25px;
    font-size: 15px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(85,85,85,1);
    line-height: 30px;
}
.examplePic {
    margin-top: 35px;
    height: 178px;
}

    .examplePic img {
        float: left;
        width: 325px;
        height: 175px;
    }

.require {
    margin-top: 45px;
    margin-left: 5%;
    width: 100%;
}


.desc {
    font-size: 12px;
    font-weight: 400;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(102,102,102,1);
    line-height: 24px;
    padding-top: 35px;
}

.fontStyle {
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    color: rgba(51,51,51,1);
}

.like {
    margin-left: 13%;
    margin-right: 5%;
    width: auto;
}

.footer {
    MARGIN: 0px auto;
    height: auto;
    background: rgba(0,0,0,1);
    width: 100%;
}

    .footer a {
        display: inline;
        text-decoration: none;
        background: none;
        color: #FFFFFF;
        text-align: left;
    }


.phone {
    display: block;
    padding-top: 45px;
    padding-left: 5%;
    margin-bottom: 25px;
}

    .phone p {
        width: 170px;
        padding-bottom: 15px;
        border-bottom: 1px solid #FFFFFF;
    }

    .phone a {
        font-size: 25px;
        font-family: SourceHanSansCN-Regular;
        font-weight: 400;
        color: rgba(255,255,255,1);
    }

.contact {
    padding-left: 5%;
    padding-bottom: 35px;
}

    .contact p {
        font-size: 12px;
        color: #FFFFFF;
        font-family: MicrosoftYaHei;
        font-weight: 400;
    }

    .contact a {
        font-size: 12px;
        color: #FFFFFF;
        font-family: MicrosoftYaHei;
        font-weight: 400;
    }

.imgDiv {
    max-width: 100%;
    height: 270px;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat\9;
    background-image: none\9;
}

/*滚动区域结束*/

/*右侧悬浮二维码*/
#roll {
    width: 165px;
    position: fixed;
    bottom: 10%;
    left: 90%;
    font-size: 0;
    line-height: 0;
    z-index: 100;
}

#roll_top {
    BACKGROUND: url(/image/top.gif) no-repeat;
}

#roll_top {
    CURSOR: pointer;
    HEIGHT: 36px;
    WIDTH: 36px;
}